ブログ - 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クリエイター 緒方 真介

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

2023-10-29
電気の知識
2022-01-31
今年の一文字
2022-01-16
VFXで蘇る世界
2021-04-02
viewers:1
2020-02-22
"Slack"

ブログ TOP

ブログ 2020-02-02 20:32:00

こんにちは!平野です^^*   先日、IMSで行われた展示を見に行ってきました! ー 音と旅する鉱物展 ー ...


ブログ 2020-09-21 17:07:00

こんにちは〜Tはらです‼︎ 初めてブログを書くことになりました。 何を記事にしようか悩んでいましたが、 先日の嬉しいサプライズのこと書 ...


ブログ 2020-02-13 13:58:00

こんにちは!深田です! 前回に引き続きCGソフト「cinema4D」の機能を紹介します! ↓前回は正方形を任意の設定で動か ...


ブログ 2024-02-29 21:41:00

1年の12ヶ月を指揮という言葉に則って4分割すると、春3〜5月、夏6〜8月、秋9〜11月、冬12月〜2月になるんですよね完全に。 というこ ...


ブログ 2023-01-16 10:22:00

    皆さん!   明けましておめでとうございます!   2023年もどうぞよろしくお ...


ブログ 2020-10-01 11:40:00

クリエイターは日々刺激を求めている、、、   日頃見る映像、音楽、そして風景 それは休みの日でも関係なく、 アンテナを日々 ...


ブログ 2021-02-26 20:47:00

こんにちは!! 皆さんPhotoshopやIllustratorの【ペンツール】を 使った事はありますか? 使ったことない方、使ったこ ...


ブログ 2023-11-30 22:37:00

前回は、aftereffectのフレームレートの設定をアニメーションを使って遊んだので、 今回は、実写映像で試してみました。   ...


ブログ 2023-03-21 01:16:00

どうも皆さんこんにちは! 志水 勇輔(しみず ゆうすけ)です。 先日、会社のアシスタントさん達と一緒に柳川へ撮影に行ってきました! & ...


ブログ 2024-04-26 23:37:00

入社し、一ヶ月が経とうとしています。 お久しぶりです貝島です。 今日は入社式の様子と改めて自己紹介をしようと思います。   ...