iOS、Androidに対応したWebARが簡単に作れるだれでもシミュレータ。
バリエーションが多い製品にも対応。その作り方をご説明します。

ー

多数のバリエーションに対応したWebARが作れる理由

理由①
3Dデータを瞬時にWEB変換しパーツ化。そのパーツそれぞれを自由に組み合わせられる
理由②
Web変換した3DをiOS用、Android用それぞれに自動でWebARに変換するシステムだから

ー

だれでもシミュレータを使ったWebARの作り方

ステップ1：だれでもシミュレータを使用してWeb3Dを作る

作り方の基本
3DCGやCADソフトから「obj」形式の3D形状データを出力します。この時、形状やカラーなどのバリエーションがある場合はそのバリエーションの数だけ、objデータを用意します。

形状にバリエーションがある場合
objデータをバリエーションの数だけ用意し「3Dメッシュデータ」として登録します。

色・素材にバリエーションがある場合
マテリアルをバリエーションの数だけ「マテリアルデータ」として登録します。

3Dオブジェクトとして登録
「3Dメッシュデータ」と「マテリアルデータ」を組み合わせ、ウェブで表示できる「3Dオブジェクト」として登録します。
この時、形状が違っても素材・色は同じ、というケースなら、異なる「3Dメッシュデータ」に同じ「マテリアルデータ」を何度でも組み合わせられます。つまり一つの「マテリアルデータ」を複数の「3Dオブジェクト」に使い回しができるのです。
逆に、形状が同じで「色・素材にバリエーション」にバリエーションがある場合は、同一の「3Dメッシュデータ」を使い回せます。

ステップ2：バリエーションを登録する

形状にバリエーションがあるケースではダイナミック3Dオブジェクトを使用
形状にバリエーションがある場合、「ダイナミック3Dオブジェクト」を使用します。
バリエーションの数だけ「3Dオブジェクト」を用意し、「ダイナミック3Dオブジェクト」内に「3Dオブジェクト」を選択肢として複数登録。そうする事で、シミュレータ画面で選択・切り替えが可能になります。

色・素材にバリエーションがあるケースではダイナミックマテリアルを使用
色・素材にバリエーションがある場合は「ダイナミックマテリアル」を使用します。
そのバリエーションの数だけ「マテリアルデータ」を用意し、「ダイナミックマテリアル」内に「マテリアルデータ」を選択肢として登録します。そしてその「ダイナミックマテリアル」を「3Dメッシュデータ」と組み合わせ「3Dオブジェクト」化する事でシミュレータ画面で選択・切り替えが可能になります。

ステージに「ダイナミック3Dオブジェクト」「ダイナミックマテリアル」を登録
「ダイナミック3Dオブジェクト」「ダイナミックマテリアル」の登録が済んだら、最後にステージ設定を行います。
ステージ設定で「ダイナミック3Dオブジェクト」「ダイナミックマテリアル」（ダイナミックマテリアルの場合は組み合わせた「3Dオブジェクト」も一緒に）を登録する事で、使用可能になります。

ステップ3：だれでもシミュレータで切り替えてWebARを表示する

WebARの表示方法
ステージ設定で構築されたシミュレータ画面を「公開URL」で開きます。
シミュレータ画面が開くので、あとは自由に組み合わせを選択。組み合わせができたら、画面内の「AR」ボタンをクリック（またはタップ）するだけ。それだけでWebARに変換されて表示されます。WebARはiOS・Androidどちらでも表示可能です。

WebARのシェア・配布方法
だれでもシミュレータにはシミュレーション結果を「お気に入り」として保存する機能と、そのシミュレーション結果を「コード」でシェアする機能があります。
シミュレータ画面で組み合わせができたら、その組み合わせを画面内の「♡」マークでお気に入り保存。お気に入り一覧で保存したお気に入りが確認できるので、そこからURLをコピペすれば、組み合わせ内容をそのままシェアできます。

おすすめの使い方

• 株式会社サザビーリーグ　エーアンドエスカンパニー様のカスタムオーダーツールに採用されました
• コマニー株式会社様のシミュレータに「だれでもシミュレータ」採用。
• プロジェクト進行のストレス軽減に。3Dシミュレータとメンタルヘルス
• 最大50%補助！IT導入支援事業者採択されました
• RhinocerosやSketchUpなど、3DCADモデルのWebブラウザ表示・埋め込みにおすすめ
• 3DCGの効率的な提案に。Web3D変換・表示システムを活用する。
• 製品の商談・提案に真剣に取り組むために3Dを活用
• シミュレータもアイテムも無制限。オンプレプランのご案内。
• 商談で競合・ライバル会社に勝つために。3Dで提案資料をより具体的なものにする
• 未導入リスクを回避！ウェブへ簡単導入
• シミュレータでアクセスログを取ろう
• シミュレータにSKU値を活用できます。
• 1脚コスト¥46.2。圧倒的な効率化でARを作る
• 3D制作が無償！ラージプランキャンペーン
• パートナー企業募集中!
• 自動変換だけじゃない。ARシミュレータをその場で作る。
• ShopifyでAR！USDZ形式の保存可能です。

シミュレーターの作り方

• 3DシミュレータとShopifyの購入ボタンを連携する方法
• もっと便利に！新バージョン、「v2」ベータ版リリースのお知らせ
• 多数のバリエーションにも対応！iOS・Android対応したWebARの作り方
• だれでもシミュレータのECサイト連携について
• リアルな3Dモデル作成はおまかせください。
• 「だれでもシミュレータ」プランの選び方。必要アセット数で選ぼう
• だれでもシミュレータで3Dレイアウトシミュレータを作る方法
• Web3Dの作り方。開発ベンダーなら「だれでもシミュレータ」
• カタログに3Dを載せる。Web3Dカタログの作り方
• 「だれでもシミュレータ」でマテリアルを作る方法
• だれでもシミュレータのセキュリティ対策について
• チュートリアルで作る！3Dシミュレータ・コンフィギュレータの作り方。
• 「その大きさ、設置できる？」が検証できるAR設置シミュレータの作り方
• Web3Dコンフィギュレータのダイナミックマテリアル使用法
• 食器のロゴシミュレータの作り方
• ARで見せるために必要なものとは？
• お試しに。費用を抑えてAR開発を依頼する方法
• WebARとは？Webで見れるARの開発環境
• WebGLに最適。シミュレータ用3Dモデルの作り方
• だれでもシミュレータのダッシュボードにobjデータが取り込めない・表示されない時の対処方法。
• blenderクリエイターならARがサクサク作れる
• そもそも3Dシミュレータとは？
• 3Dシミュレータ開発を依頼するには？
• ライティング・テクスチャで出す立体感。Web3Dにおすすめの設定方法。

機能アップデート

• シミュレーション結果をそのまま3Dデータ化。v2にエクスポート機能追加。
• 空きスロット追加は無制限。設定の複製・削除機能リリースしました。
• 3Dで直接操作！3Dレイアウト機能追加
• アノテーション（吹き出し）機能追加しました。
• だれでもシミュレータのUIデザイン
• 背景を透過した2D画像の作り方
• Android用のWebARも作れる！対応機種のお知らせ