ブログ - 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クリエイター 緒方 真介
|
緒方 真介が書いたその他記事
2026-01-28
After Effects 2026新機能解説｜AEだけで3Dシェイプ制作！
After Effects 2026新機能解説｜AEだけで3Dシェイプ制作！
2025-12-30
ChatGPT 5.2で仕事はどう変わる？5.1との違いと実務での進化ポイント
ChatGPT 5.2で仕事はどう変わる？5.1との違いと実務での進化ポイント
2025-10-26
博多発祥の伝統芸能｜筑前琵琶保存会 第61回定期演奏会「風の時代」
博多発祥の伝統芸能｜筑前琵琶保存会 第61回定期演奏会「風の時代」
2025-10-22
話題のAI「sora2」使ってみた！使い方・特徴・招待コードのまとめ
話題のAI「sora2」使ってみた！使い方・特徴・招待コードのまとめ
2025-09-06
熊本の夏を彩る感動のフィナーレ！ウエッキー夏祭り2025プロジェクションマッピング
熊本の夏を彩る感動のフィナーレ！ウエッキー夏祭り2025プロジェクションマッピング
2025-08-11
AIに任せる新しい曲探し！Musicbedの画期的なツールで音楽を見つけよう
AIに任せる新しい曲探し！Musicbedの画期的なツールで音楽を見つけよう
2025-07-29
AIが毎日のタスクを代行！Manus AIで仕事がもっとラクになる
AIが毎日のタスクを代行！Manus AIで仕事がもっとラクになる
2025-06-29
ヒルトン福岡シーホークでのプロジェクションマッピング
ヒルトン福岡シーホークでのプロジェクションマッピング
2025-05-28
Cinema 4DでアニメーションOBJをテクスチャ付きで書き出す方法
Cinema 4DでアニメーションOBJをテクスチャ付きで書き出す方法
2025-05-20
【新着情報】プロジェクションマッピングとレーザー演出に特化した特設サイトを公開！
【新着情報】プロジェクションマッピングとレーザー演出に特化した特設サイトを公開！
2025-04-21
写真の背景をワンクリックで削除！
写真の背景をワンクリックで削除！
2025-04-12
【超簡単】Chromeのブックマークをアイコンだけにしてスッキリ表示する方法
【超簡単】Chromeのブックマークをアイコンだけにしてスッキリ表示する方法
2025-03-31
AI動画の“弱点”を潰したRunway Gen-4
AI動画の“弱点”を潰したRunway Gen-4
2025-03-13
ChatGPTをもっと便利に！GPTsを活用して回答の精度を上げる方法
ChatGPTをもっと便利に！GPTsを活用して回答の精度を上げる方法
2025-02-28
人感センサー×インタラクティブ動画を実装してみた！
人感センサー×インタラクティブ動画を実装してみた！
2025-01-15
After EffectsでOBJ連番ファイルを読み込む方法【2025年版】
After EffectsでOBJ連番ファイルを読み込む方法【2025年版】
2025-01-13
ABURAYAMA FUKUOKAで織りなす幻想的な物語「かいじゅう、おりてきた」
ABURAYAMA FUKUOKAで織りなす幻想的な物語「かいじゅう、おりてきた」
2024-12-27
星野リゾートが手掛ける「界-KAI-」 別府で体感する没入型体験！
星野リゾートが手掛ける「界-KAI-」 別府で体感する没入型体験！
2024-10-31
高宮の新コンセプトカフェ「やず本や」で過ごす充実したワークタイム
高宮の新コンセプトカフェ「やず本や」で過ごす充実したワークタイム
2024-10-14
ChatGPT 新機能 4.0 with Canvas の紹介
ChatGPT 新機能 4.0 with Canvas の紹介
2024-09-29
ターミナルを活用しよう！初心者でも簡単解説！
ターミナルを活用しよう！初心者でも簡単解説！
2024-09-28
MidJourney活用術：Discordで自分専用サーバーを作成して画像生成を最適化
MidJourney活用術：Discordで自分専用サーバーを作成して画像生成を最適化
2024-08-04
GitHubの魅力を徹底解説！開発者に欠かせないツールの利点
GitHubの魅力を徹底解説！開発者に欠かせないツールの利点
2024-05-30
PCのリモート操作で快適！Parsecの使い方と解説
PCのリモート操作で快適！Parsecの使い方と解説
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-10-17 21:33:00
みなさんこんにちは♫ 今回は私達音響オペレーターに欠かせない PAミキサ ...
ブログ 2025-11-05 14:27:00
どうも皆さんこんにちは！ 志水です！ 動画撮影をしていると、メニューの中に「8bit」や「10bit」と ...
ブログ 2020-04-30 23:03:00
こんばんは、ほーりーです。 夜型な生活を送りがちな僕ですが とある日、突然こんな事を思いました。 &n ...
ブログ 2021-10-06 11:30:00
こんにちは、こんばんは エハラです。 おしらせです！！ ...
ブログ 2024-09-29 22:26:00
こんにちは！ 記憶がないほど一瞬で過ぎ去った9月に縋り付く、なかむら りんです！ 一瞬しか時間がなくても一瞬さえあれば楽しめる。 今回 ...
ブログ 2023-08-31 23:00:00
こんにちは、瀬元です！ 最近、暑すぎて休みの日は家に籠り気味なのですが 家でダラダラするのもなんだかな〜と思い、Cine ...
ブログ 2021-01-31 18:27:00
みなさん、こんにちは！ 前回に引き続き、 第1回目初心者でもわかる音響ミキサー講座① -チャンネル編-で 割愛しまくっ ...
ブログ 2021-03-08 00:00:00
数年前にTVで流れていたJTのCM。 そのCMに出演されていたモデルさんが頭に焼き付いて離れないまま数年が過ぎた。それがコレ。 &nbs ...
ブログ 2025-11-28 11:00:00
こんにちは、瀬元です！今回は、今話題のAI「Nano Banana Pro」を使ってみました！ このAIはGoogleが提供するAI「Ge ...
ブログ 2019-12-31 23:22:00
年の瀬にこんばんは、ほーりーです 2020年も顔を出し始めたこの頃いかがお過ごしでしょうか！ さて、先日 ...