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

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

2022-01-31
今年の一文字
2022-01-16
VFXで蘇る世界
2021-04-02
viewers:1
2020-02-22
"Slack"

ブログ TOP

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

こんにちは!!セキです。 映像を作るときにイメージを蓄えようと ネットサーフィンをして行く中で ついつい見入っちゃった モーショング ...


ブログ 2021-05-16 12:40:00

    みなさんこんにちは 井手口です★   ここ最近日常の風景をエモく写真撮ることにハマっています ...


ブログ 2020-08-27 22:07:00

  こんにちは!たけばです^^   本日はステキメーカーの新商品のご案内です!     ...


ブログ 2021-01-21 16:28:00

こんばんは〜!!   最近、Final Cut Pro でいろいろと やってみることにはまってます♪ そこで、今日はクロマ ...


ブログ 2021-01-25 15:37:00

みなさんこんにちは! 前回まではミキサーについて、そして音が出る仕組みについて解説していきました!   【前回まではこちら】 ...


ブログ 2020-01-31 13:21:00

    こんにちは、横山です。     先日のお休みに暇を持て余した横山は   ...


ブログ 2021-07-29 14:16:00

  ついに開催された東京オリンピック。 開会式にて披露されたピクトグラムパフォーマンスはご覧になりましたでしょうか? &nb ...


ブログ 2020-06-06 21:42:00

鹿児島からこんにちは! 深田雄太です! 室内でずっとすごしていると地球に 住んでいることを忘れてしまいます。 そんな時は、動物園に限 ...


ブログ 2019-10-31 16:14:00

  ヒールをコツコツと鳴らしやってきたのは   横山夢乃です。       ...


ブログ 2019-12-30 11:14:00

こんにちは、セキです ♪   みなさん、先日のクリスマスは いかがお過ごしでしたか?☆   ザ ・ベイスイート ...