ブログ - 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-09-09
Astraがすごい！何ができる？写真から3Dモデル制作への活用例を紹介
Astraがすごい！何ができる？写真から3Dモデル制作への活用例を紹介
2026-07-31
AI動画は設計が9割？ストーリーボードからAI動画を生成する方法
AI動画は設計が9割？ストーリーボードからAI動画を生成する方法
2026-07-13
【2026年最新】SSDはなぜ高い？HDDとどっちを選ぶべき？
【2026年最新】SSDはなぜ高い？HDDとどっちを選ぶべき？
2026-04-18
【TapNow AIの使い方②】ノードを繋いで滑らかな動画を生成！
【TapNow AIの使い方②】ノードを繋いで滑らかな動画を生成！
2026-04-07
【TapNow AIの使い方】ノード式キャンバスで思い通りの画像を生成する次世代ツール
【TapNow AIの使い方】ノード式キャンバスで思い通りの画像を生成する次世代ツール
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-01-08 18:27:00
明けましておめでとうございます。 2021年の横山です。 さてさて、アニ ...
ブログ 2021-01-16 12:11:00
皆様、こんにちは。 そして新年あけましておめでとうございます！(遅) 最近ストレッチをはじめました、上甲です。 今日は ...
ブログ 2021-02-06 20:09:00
昨年9月に申請していた結果が！ 先日、2/5に公開になりました！ 無事に採択されておりました！！！！ ...
ブログ 2025-09-26 16:39:00
皆さんは音楽のストリーミングサービスは何を使っていますか？？ 私はspotify経由のApple music なのですが ...
ブログ 2025-10-22 14:43:00
ピークスマインドでは、入社して半年後の新入社員に、東京研修に行く機会があります。 10/7~10/8の２日間、同期の福岡万季ちゃんと吉 ...
ブログ 2023-10-31 16:44:00
こんにちは！宮崎です！ 今日はおすすめの著作権、ロイヤリティフリーの楽曲サイトを皆さんにご ...
ブログ 2020-07-31 15:26:00
こんにちは！ 今日も元気な山口です！ 先日、撮影終わりに、カメラを持って海に寄りました。 &nbs ...
ブログ 2019-11-11 21:40:00
先日、ハウステンボスの花火ショーを鑑賞してきました！ 【スーパーワールド花火】 その名の通り、各国の音楽に合わせた壮大な ...
ブログ 2023-10-26 22:00:00
初めまして！！ 24第2新卒として内定をいただいた、野口 楓華(のぐち ふうか)です！！！ 実は4月17日からピークスマ ...
ブログ 2025-10-29 18:22:00
こんにちは！ 鹿児島の ザ・ベイスイート桜島テラス で 人生に一度の結婚式のお手伝いをさせていた ...