ブログ - 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
執行役員/本社ゼネラルマネージャー 緒方 真介

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

2021-04-02
viewers:1
2020-02-22
"Slack"

ブログ TOP

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

こんにちは セキです!!! 今日はPhotoshopで アクセントになる色×モノクロ 写真加工について紹介していきます! ...


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

こんにちは、桑原です。 花火の作り方第2弾です! AE版はこちら↓ https://peacsmind.com/blog_p ...


ブログ 2020-03-13 22:21:00

    今回お邪魔したのは、天文館にあるスパイスカレー   「Cafe Anniv(カフェアニヴ)」さ ...


ブログ 2021-01-22 19:49:00

  こんにちは!たけばです^^   先日このブログでもちょっとお話したんですが、 先日(結構前)に地元出水市に帰 ...


ブログ 2021-01-30 21:15:00

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


ブログ 2021-03-26 21:23:00

こんにちは、ほーりーです。   「モンスターハンターライズ」 ついに発売ですね! 大人気シリーズの最新作が出たというこ ...


ブログ 2021-03-01 21:12:00

  こんにちは!たけばです^^     最近はアーティストのミュージックビデオで そのアーティストで ...


ブログ 2021-02-23 19:37:00

こんにちは、桑原です。 今回は意外と知らない人が多い?機能を紹介します。 タイムライン上のここの欄↓使ったことありますか? ...


ブログ 2020-08-21 12:03:00

こんにちは! 最近弁当作りデビューしたひなのです!       突然ですが、   「色 ...


ブログ 2021-01-30 18:07:00

「このファイルを編集したいけどPDFしかない」   「文章だけ簡単にコピペしたい」     そんな瞬 ...