ブログ - 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
執行役員/クリエイティブマネージャー 緒方 真介

ブログ TOP

ブログ 2020-12-28 18:34:00

  こんばんは!   新卒のひきちです!       もともとYoutube ...


ブログ 2021-03-08 00:00:00

数年前にTVで流れていたJTのCM。 そのCMに出演されていたモデルさんが頭に焼き付いて離れないまま数年が過ぎた。それがコレ。 &nbs ...


ブログ 2021-01-29 21:00:00

写真撮影〜構図編〜 ・第1弾「日の丸構図」 ・第2弾「放射線構図」 ・第3弾「対角線構図」 ・第4弾「シンメトリー(2分割)構図」 ...


ブログ 2021-01-24 19:06:00

こんばんは!平野です^^ 最近はずっと写真撮影のコツについて書いて来ましたが 今日はひとやすみして 「 THE FIRST TAKE ...


ブログ 2021-02-08 15:17:00

こんにちは! Netfilxの回し者となりつつある平野です。笑   今日は、こんな記事を見つけました! ソニックのNetf ...


ブログ 2021-02-04 20:09:00

映像クリエイターがおすすめする MusicVideo   今週は   80年代、90年代の   ...


ブログ 2021-02-13 13:29:00

  こんにちは!たけばです^^   先日のブログで 『手書き文字』広告の魅力 について紹介させて頂きました ...


ブログ 2021-02-12 18:31:00

こんにちは!平野です。   今日は偶然テレビで見て素敵だと思った 卒業アルバムのARサービス「ソツアル」を紹介します^^ ...


ブログ 2021-01-31 02:54:00

株式会社ピークスマインドには 「喫煙者」が存在しない。 でも、かく言う私も元々は喫煙者。     が、30 ...


ブログ 2019-08-28 12:22:00

〜タイ旅行2日目〜この日は寺院巡りトゥクトゥクという原付バイクの3輪車版に乗り、船に乗り?     ・・・よう ...