2021年12月6日
デザイン
Reality Composerのオブジェクトトラッキングで、スノードームを作ってみる!


【CSS】CSSだけでアコーディオンを作る方法
はじめに
今回は、Reality Composerのオブジェクトトラッキングでスノードームを作る方法について紹介していきます!「Reality Composer」とは?
「Reality Composer」は Apple社開発の、 3Dの制作経験がなくても、インタラクティブな拡張現実体験を手軽に創り出せるパワフルなツールです。 今回はmac版とiOS版のReality Composerを使ってARを作成していきます! 補足: Rearity composerで使用する3Dのフォーマットは「USDZ」になります。今回の記事では割愛しますが、 「USDZ」についての説明、ファイルのコンバート作業のため使用する「Reality converter」の操作方法については過去記事のこちらをご覧ください!実践編:スノードームを作ってみる!
ここからは実際に作っていきたいと思います!手順
- オブジェクトラッキングのマーカーとして使いたい物をiOS版「Reality Composer」で取り込む
- 使いたいモデルの読み込み・配置
- 「ビヘイビア」でアニメーション・音楽をつけて仕上げ
オブジェクトラッキングのマーカーとして使いたい物をiOS版「Reality Composer」で取り込む
iOS版のReality Composerを起動して、右上から「新規プロジェクト」を追加します。

使いたいモデルの読み込み・配置

「ビヘイビア」でアニメーション・音楽をつけて仕上げ


まとめ
今回は、「Reality Composer」のオブジェクトトラッキングについての紹介でした! アンカーを「オブジェクト」にしたままUSDZでの書き出しは現状できないので、アンカーを平面認識にしたものを自社の「palan3D」(3D管理&webAR体験ができるサービス)にアップしてみました。よかったらスマホからみてみてください!(注:音が流れます) URL:https://palan3d.com/projects/palan3d_test/items/Snowdome3DCGのお仕事に関するご相談
Bageleeの運営会社、palanでは3DCGに関するお仕事のご相談を無料で承っております。
zoomなどのオンラインミーティング、お電話、貴社への訪問、いずれも可能です。
ぜひお気軽にご相談ください。
この記事は
参考になりましたか?
1
1
関連記事

2021年12月6日
Reality Composerのオブジェクトトラッキングで、スノードームを作ってみる!

2020年12月19日
Blenderで作ったモデルをARKitで見る方法

2019年9月19日
Blender2.8で360度画像を作成する

2018年12月14日
これから始める!3Dモデル制作
簡単に自分で作れるWebAR
「palanAR」はオンラインで簡単に作れるWebAR作成ツールです。WebARとはアプリを使用せずに、Webサイト上でARを体験できる新しい技術です。
palanARへ
palanでは一緒に働く仲間を募集しています
正社員や業務委託、アルバイトやインターンなど雇用形態にこだわらず、
ベテランの方から業界未経験の方まで様々なかたのお力をお借りしたいと考えております。
運営メンバー

Eishi Saito 総務
SIerやスタートアップ、フリーランスを経て2016年11月にpalan(旧eishis)を設立。 マーケター・ディレクター・エンジニアなど何でも屋。 COBOLからReactまで色んなことやります。
sasakki デザイナー
アメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。

やまかわたかし デザイナー
フロントエンドデザイナー。デザインからHTML / CSS、JSの実装を担当しています。最近はReactやReact Nativeをよく触っています。
Sayaka Osanai デザイナー
Sketchだいすきプロダクトデザイナー。シンプルだけどちょっとかわいいデザインが得意。 好きな食べものは生ハムとお寿司とカレーです。

はらた エンジニア
サーバーサイドエンジニア Ruby on Railsを使った開発を行なっています

こぼり ともろう エンジニア
サーバーサイドエンジニア。SIerを経て2019年7月に入社。日々学習しながらRuby on Railsを使った開発を行っています。

ささい エンジニア
フロントエンドエンジニア WebGLとReactが強みと言えるように頑張ってます。

Damien
WebAR/VRの企画・開発をやっています。森に住んでいます。

ゲスト bagelee

かっきー

まりな

suzuki
miyagi

ogawa
雑食デザイナー。UI/UXデザインやコーディング、時々フロントエンドやってます。最近はARも。

いわもと
デザイナーをしています。 好きな食べ物はラーメンです。

taishi kobari
フロントエンドの開発を主に担当してます。Blitz.js好きです。

kubota shogo
サーバーサイドエンジニア。Ruby on Railsを使った開発を行いつつ月500kmほど走っています!
nishi tomoya

aihara
グラフィックデザイナーから、フロントエンドエンジニアになりました。最近はWebAR/VRの開発や、Blender、Unityを触っています。モノづくりとワンコが好きです。
nagao
SIerを経てアプリのエンジニアに。xR業界に興味があり、unityを使って開発をしたりしています。

Kainuma
サーバーサイドエンジニア Ruby on Railsを使った開発を行なっています

sugimoto
asama
ando
iwasawa ayane

oshimo
異業界からやってきたデザイナー。 palanARのUIをメインに担当してます。 これからたくさん吸収していきます!