ブログ - 2021-01-18 20:53:00

webARの世界 ~episode 3~

Posted by 緒方 真介
Shinsuke Ogata
 
前回のAR研究では、
 
スマホを"hiro"のマークにかざし
 
文字を出すことができました
 
 
 
 
 
 
このhiroというマークは世界共通のマークで
 
ARを作られている方々はには馴染み深い物です
 
取り急ぎのテストをする際は
 
みなさんこのhiroマークを使用されているようです。
 
 
 
今回は”hiro”のマーカーをオリジナルのものにしオブジェクトを読み込ませることに。
 
 
 
今回使用する画像はこれ!
 
 
 
 
ピークスマインドの絵描きスタッフ
”ゆめちゃん”こと
横山夢乃ちゃんが
僕の似顔絵を描いてくれました!
 
 
 
 
 
かっこいーー^^
 
 
 
この画像を読み込ませてオブジェクト表示させたいと思います。
 
 
 
 
 
AR.js Markerというサイトを使って変換。
 
 
 
 
 
 
操作は簡単
UPROADボタンをクリックし画像アップロード
 
DOWNROAD MAKERと DOWNROAD  IMAGEをそれぞれクリック
 
 
拡張子が
.patt  と .png
という2種類のファイルが出来上がります。
 
 
.patt はサーバー上で読み込むファイル
ちなみにコードはこんな感じ
<a-marker type='pattern' url=‘ファイル名.patt'registerevents>
 
.pngはスマホをかざす画像ファイルです。
 
 
サーバーにアップ!
 
 
 
 
するとオブジェクト登場に成功ー!!!
 
 
 
 
 
 
続く...
 
 
 
 
 
 
 
 
Posted by Shinsuke Ogata
執行役員/本社ゼネラルマネージャー 緒方 真介

緒方 真介が書いたその他記事

2022-01-16
VFXで蘇る世界
2021-04-02
viewers:1
2020-02-22
"Slack"

ブログ TOP

ブログ 2020-08-22 11:30:00

みなさんこんにちは!   最近、改めて海外のHIPHOPを聴き始めた水流です!!   今回は、学生の頃によく聴い ...


ブログ 2021-04-08 17:24:00

映像制作ツール After effects のレンダリング完了音の”ピロリロリーン”     ...


ブログ 2020-01-23 18:21:00

みなさん明けましておめでとうございます! 今年も宜しくお願いします٩( ᐛ )و 少し遅めですがピークスマインドの新年会を行いました! ...


ブログ 2019-11-16 12:07:00

こんにちは!深田です! 休日に鹿児島から福岡へお出かけしてきました! お昼はお世話になっているカノビアーノ福岡さんのレストランへ! h ...


ブログ 2019-08-31 21:30:00

こんにちは!深田です! 今年から始めたゴルフ。おじさんのスポーツってイメージですけど やってみると意外と難しい。 休みの日は時間を見つ ...


ブログ 2021-01-23 18:41:00

みなさんこんにちわ! つるです!!   今日は若者ならみんなが知っている「TikTok」についてご紹介していこうと思います。 ...


ブログ 2021-02-12 19:06:00

こんにちは!   かいとです   前回、中洲夜景撮影についてのブログを投稿したのですが、   撮影 ...


ブログ 2021-05-24 19:00:00

こんにちは! カメラマンの深田雄太です!   持っておきたいレンズは?と 聞かれると 大三元レンズと答える方が多いと思い ...


ブログ 2021-02-05 20:15:00

こんにちは、桑原です。 AEのトランジションについて一通りやったので 今回はちょっとした小技を紹介します。   簡単レイン ...


ブログ 2020-02-21 12:05:00

こんにちは!深田です! 鹿児島で知り合った 須部 貴之さんの誕生パーティーにお邪魔しました。 自分の誕生パーティーを自分で企画 ...