ブログ - 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クリエイター 緒方 真介
|
緒方 真介が書いたその他記事
2024-05-13
【未来型花火エンターテインメント】STAR ISLAND FUKUOKA 2024
【未来型花火エンターテインメント】STAR ISLAND FUKUOKA 2024
2024-04-30
映画『ゴールデンカムイ』のVFX制作の裏側
映画『ゴールデンカムイ』のVFX制作の裏側
2024-04-24
歩行困難な犬を助ける【歩けるくん】 革新的なペット用補助具の紹介
歩行困難な犬を助ける【歩けるくん】 革新的なペット用補助具の紹介
2024-03-25
Final Cut Pro Xで遭遇する"リンク切れ" "データなし" エラーの解決方法
Final Cut Pro Xで遭遇する"リンク切れ" "データなし" エラーの解決方法
2024-03-13
MacとWindowsの壁を越える：外付けハードディスクの読み書き問題を解決する方法
MacとWindowsの壁を越える：外付けハードディスクの読み書き問題を解決する方法
2024-01-30
【REDSHIFT】時間短縮の書き出し設定 cinema4d 編
【REDSHIFT】時間短縮の書き出し設定 cinema4d 編
2024-01-11
『歩けるくん』体験会 福岡開催！
『歩けるくん』体験会 福岡開催！
2023-12-14
ChatGPT プラグインの導入ガイド
ChatGPT プラグインの導入ガイド
2023-12-09
TOKYO NODE開館記念企画 "Syn"
TOKYO NODE開館記念企画 "Syn"
2023-10-29
電気の知識
電気の知識
2023-05-06
「ウェス・アンダーソンすぎる風景展」がサイコーすぎた!!
「ウェス・アンダーソンすぎる風景展」がサイコーすぎた!!
2023-03-27
自動でYouTubeの内容を要約してくれる『Glarity』がすごい！！
自動でYouTubeの内容を要約してくれる『Glarity』がすごい！！
2023-02-28
【chatGPT】にchatGPTを質問してみた！
【chatGPT】にchatGPTを質問してみた！
2023-02-13
映像クリエイターが選ぶおすすめ映像！モーショングラフィックス編
映像クリエイターが選ぶおすすめ映像！モーショングラフィックス編
2023-01-16
THE FIRST SLAM DUNK !!!
THE FIRST SLAM DUNK !!!
2022-12-05
CINEMA4D2023 Octane renderを適用する方法(mac版)
CINEMA4D2023 Octane renderを適用する方法(mac版)
2022-10-22
After Effect 23.0 リリース情報！
After Effect 23.0 リリース情報！
2022-08-26
クリエイターおすすめ映像 実写合成編！
クリエイターおすすめ映像 実写合成編！
2022-05-30
北九州アニソン花火に行ってきた！
北九州アニソン花火に行ってきた！
2022-04-29
4/30 new MV公開！！
4/30 new MV公開！！
2022-02-14
実写?!CG?! クリエイターおすすめ映像！
実写?!CG?! クリエイターおすすめ映像！
2022-02-12
After effects【ELEMENT3D】 テクスチャの解像度を上げる方法
After effects【ELEMENT3D】 テクスチャの解像度を上げる方法
2022-01-31
今年の一文字
今年の一文字
2022-01-16
VFXで蘇る世界
VFXで蘇る世界
2021-12-29
クリエイター推薦！おすすめ映像 実写+CG篇
クリエイター推薦！おすすめ映像 実写+CG篇
2021-12-03
【無料ウェビナー】"After Effectsで作るMVの制作プロセス" 開催します！
【無料ウェビナー】"After Effectsで作るMVの制作プロセス" 開催します！
2021-11-27
【AE】文字を一文字ずつバラバラに動かす方法 After effects
【AE】文字を一文字ずつバラバラに動かす方法 After effects
2021-10-31
Photoshop 2022 アップデート情報
Photoshop 2022 アップデート情報
2021-09-13
映像クリエイターが選ぶおすすめ映像！3DCG編
映像クリエイターが選ぶおすすめ映像！3DCG編
2021-09-08
映像コンテスト優秀賞頂きました！
映像コンテスト優秀賞頂きました！
2021-08-11
After effects 2021 テキストがコピぺできない場合の解決方法
After effects 2021 テキストがコピぺできない場合の解決方法
2021-07-31
GH5ユーザー必見！壊れた撮影データ.mdtファイルを修復する方法！
GH5ユーザー必見！壊れた撮影データ.mdtファイルを修復する方法！
2021-05-15
はじめてみよう！ 実写合成 VFX ！初級編
はじめてみよう！ 実写合成 VFX ！初級編
2021-04-16
3D都市を無償ダウンロード！！
3D都市を無償ダウンロード！！
2021-04-14
DaVinci Resolve Fusion編 ~その1~
DaVinci Resolve Fusion編 ~その1~
2021-04-12
After Effectsユーザー必見！PCの容量圧迫の解消方法！
After Effectsユーザー必見！PCの容量圧迫の解消方法！
2021-04-08
After effectsのレンダリング完了音を操る！
After effectsのレンダリング完了音を操る！
2021-04-02
viewers:1
viewers:1
2021-03-26
エンジニアカフェ に行ってみた ~地下編~
エンジニアカフェ に行ってみた ~地下編~
2021-03-22
エンジニアカフェに行ってみた 〜地上篇〜
エンジニアカフェに行ってみた 〜地上篇〜
2021-03-15
高精度翻訳 DeepL
高精度翻訳 DeepL
2021-03-12
After effectsのエラー音「メエェェ...」を自由自在に操る！！
After effectsのエラー音「メエェェ...」を自由自在に操る！！
2021-02-22
cinema4Dで簡単！フェイストラッキング
cinema4Dで簡単！フェイストラッキング
2021-02-21
After Effectsを英語版で起動させる方法！
After Effectsを英語版で起動させる方法！
2021-02-20
実写合成VFXの方法！その2
実写合成VFXの方法！その2
2021-02-19
実写合成VFXの方法！その1
実写合成VFXの方法！その1
2021-02-18
映像アイデアの作り方！
映像アイデアの作り方！
2021-02-12
超簡単！ MACで動画を軽くする方法！
超簡単！ MACで動画を軽くする方法！
2021-02-11
エクスプレッションの仕組みを理解しよう！
エクスプレッションの仕組みを理解しよう！
2021-02-06
ピクセルの限界に挑戦してみた！
ピクセルの限界に挑戦してみた！
2021-02-04
映像クリエイターおすすめ MusicVideo ~LO-Fi編~
映像クリエイターおすすめ MusicVideo ~LO-Fi編~
2021-02-01
シェイプを自在に変形！after effects初級編
シェイプを自在に変形！after effects初級編
2021-01-31
話題のアプリ "Clubhouse" 使ってみた！
話題のアプリ "Clubhouse" 使ってみた！
2021-01-30
映像クリエイターがすすめる ブランディングムービー
映像クリエイターがすすめる ブランディングムービー
2021-01-29
クリエイターが選ぶおすすめ映像 ~モーショングラフィックス編~
クリエイターが選ぶおすすめ映像 ~モーショングラフィックス編~
2021-01-28
音声版Twitter?! 話題の音声sns ”Clubhouse”！
音声版Twitter?! 話題の音声sns ”Clubhouse”！
2021-01-25
映像クリエイターが選ぶおすすめ映像 ~クリスマス編~
映像クリエイターが選ぶおすすめ映像 ~クリスマス編~
2021-01-24
今さら聞けない Q&A！ ~ Adobe Media Encoder 編 ~
今さら聞けない Q&A！ ~ Adobe Media Encoder 編 ~
2021-01-23
映像クリエイターが参考にするサイト4選！
映像クリエイターが参考にするサイト4選！
2021-01-22
映像クリエイターが選ぶオススメ映像 その1
映像クリエイターが選ぶオススメ映像 その1
2021-01-21
素材配布サイトmotionelementsの勧め！！
素材配布サイトmotionelementsの勧め！！
2021-01-18
webARの世界 ~episode 3~
webARの世界 ~episode 3~
2021-01-14
webARの世界 ~episode 2~
webARの世界 ~episode 2~
2021-01-09
拡張現実 AR の世界！！
拡張現実 AR の世界！！
2020-12-21
覚えておきたい キーボードショートカット 9選 After Effects 編
覚えておきたい キーボードショートカット 9選 After Effects 編
2020-12-07
映像制作 Aftereffects -時短に繋がるプラグイン
映像制作 Aftereffects -時短に繋がるプラグイン
2020-10-31
世界中のクリエイターとつながる ソーシャルネットワークサービス Behance
世界中のクリエイターとつながる ソーシャルネットワークサービス Behance
2020-08-29
映像制作ツール davinci resolve
映像制作ツール davinci resolve
2020-06-29
cinema4d 便利機能その１ -モーショントラッキング編- 映像制作
cinema4d 便利機能その１ -モーショントラッキング編- 映像制作
2020-05-21
【After Effects】17.1.0ver アップデートによる新機能紹介
【After Effects】17.1.0ver アップデートによる新機能紹介
2020-03-23
After Effects plugin "Glass Eyes" -動画制作-
After Effects plugin "Glass Eyes" -動画制作-
2020-03-17
2020ラストツアー
2020ラストツアー
2020-02-24
超便利PCアイテム
超便利PCアイテム
2020-02-22
"Slack"
"Slack"
2019-12-28
空から見える風景
空から見える風景
2019-11-18
SHIMA BLAST TOUR FINAL
SHIMA BLAST TOUR FINAL
2019-10-27
塩田千春展 ~魂がふるえる~
塩田千春展 ~魂がふるえる~
2019-10-15
六本木金魚25th
六本木金魚25th
2019-09-23
タイ旅行記 ~其の参~
タイ旅行記 ~其の参~
2019-08-28
タイ旅行記 ~其の弐~
タイ旅行記 ~其の弐~
2019-08-27
タイ旅行記 ~其の壱~
タイ旅行記 ~其の壱~
ブログ TOP
ブログ 2021-02-22 21:25:00
こんにちは！ ひきちひきです！ 先日、バーテンダーアーテ ...
ブログ 2020-08-24 00:33:00
こんばんは☆ 先日、とっても月が綺麗だったので、撮影してみました〜♪ ...
ブログ 2020-11-20 19:34:00
こんにちは！ ひなのです！ 今回は私のinstagramを紹介します−！ @sorasora_14y で検 ...
ブログ 2020-12-14 19:31:00
皆様、こんにちは。 ココアの恋しくなる寒さの中、皆様いかがお過ごしでしょうか？ 突然ですが、私は今新たなる挑戦の真っ最中 ...
ブログ 2019-02-10 15:40:00
映像クリエイターのリフレッシュ 映像クリエイターは長時間のデスクワークが当然の日々。肩こりや目のつかれに悩まされるクリエイターも少なくあり ...
ブログ 2021-02-05 12:46:00
こんにちは！たけばです！ 今日はネット民にはおそらく 刺さるであろう映画の紹介！ &n ...
ブログ 2020-05-30 14:43:00
今日は、JR九州が新型コロナウイルス感染症が終息する日を願って制作した「その日まで、ともにがんばろう」プロジェクトの映像をご紹介させて頂きま ...
ブログ 2020-03-17 08:43:00
年に一回の みゆきのコンサートに 福岡サンパレスまで ...
ブログ 2024-02-08 21:46:00
Unreal engine 5 のカメラのアニメーション情報を AEで読み込む際の手順をご紹介 公式サイトによれば u ...
ブログ 2022-05-31 23:56:00
こんばんは、ほーりーです！ ふくつ花火アートイリュージョン 皆様、チェックしていただいておりますでしょうか？ 7月23 ...