Contents
1. 対応デバイスと公式推奨スペック
ShapesXR は公式サイト(shapesxr.com)で公開されている情報に基づき、スタンドアロン型ヘッドセットと PC 接続型ヘッドセットの両方をサポートしています。以下の表は、2024 年 3 月現在の最低要件と推奨要件です。
1‑1. デバイス別スペック表
| デバイス | 最低要件 | 推奨要件 |
|---|---|---|
| Meta Quest 3 / Pro(スタンドアロン) | Android 13、8 GB RAM、Snapdragon XR2+ | 12 GB RAM、2560×1600 px/片目、Wi‑Fi 6E、USB‑C 3.2 |
| HTC Vive Pro 2(PC 接続) | Windows 10 64bit、Intel i5‑9600K/AMD Ryzen 5 3600、NVIDIA GTX 1660 Ti (8 GB VRAM) | Windows 11 64bit、Intel i7‑12700K/AMD Ryzen 7 5800X、NVIDIA RTX 3080 Ti (12 GB VRAM)、USB‑C 3.2 Gen 2 |
| PC(エディタ) | macOS 13/Windows 10、Intel i5、8 GB RAM、DirectX 11 GPU | macOS 14/Windows 11、Intel i7/AMD Ryzen 7、16 GB RAM、DirectX 12 対応 RTX 3060 以上 |
要点:スタンドアロンはメモリとディスプレイ解像度が鍵。PC 環境は GPU の VRAM が 8 GB 未満だと大規模シーンでフレームドロップしやすく、12 GB 以上を目安にしてください。
1‑2. 推奨ハードウェア構成の解説
- CPU:リアルタイムレンダリングと物理計算の負荷が高いため、6 コア以上・クロック 3.5 GHz 以上を推奨します。
- GPU:VRAM が 12 GB を超える RTX 系列は、テクスチャ圧縮やレイトレーシング機能も利用できるため、快適な作業が可能です。
- OS とドライバ:Windows 11 は最新のセキュリティパッチと XR デバイス向けの API が統合されているため、必ず最新版に更新してください。macOS 環境では Metal 対応 GPU が必要です。
2. 公式サイトからの無料トライアル取得とインストール手順
ShapesXR は公式ダウンロードページ(shapesxr.com/download)で Windows と macOS 用インストーラを提供しています。Meta Store でもスタンドアロン版が配信されるため、デバイスごとに最適な取得方法をご案内します。
2‑1. PC 用インストーラのダウンロード手順
公式ダウンロードページにアクセスし、OS 別の「Download」ボタンをクリックしてください。取得した ShapesXR_Installer.exe(Windows)または .dmg(macOS)は、管理者権限で実行し、画面指示に従ってインストールします。
2‑2. Meta Store からのスタンドアロン版入手方法
- Quest のホーム画面で Store を開く
- 検索バーに「ShapesXR」と入力し、公式エントリ(Meta が提供)を選択
- 「インストール」ボタンをタップすると、自動的にデバイスへ配信されます
要点:PC とスタンドアロンの両方で同一バージョンが利用でき、アップデートはそれぞれのプラットフォームから自動的に行われます。
2‑3. 初回起動時のデバイス設定
| 手順 | 内容 |
|---|---|
| Wi‑Fi 接続 | Quest はヘッドセット内メニュー > 設定 > ネットワークで社内 Wi‑Fi に接続。Vive Pro 2 は PC 側のネットワーク設定を使用。 |
| 開発者モード有効化 | Meta Developer Hub でデバイス登録後、「開発者モード」 をオンにします(Quest のみ)。 |
| USB デバッグ | Quest を USB‑C ケーブルで PC に接続し、表示される「USB デバッグ許可」を承認。Vive Pro 2 は SteamVR → 設定 → 開発者オプションから有効化。 |
3. 基本 UI とコントローラ操作ガイド
作業効率は UI の把握と直感的な入力に依存します。本節では、メニュー呼び出し・ブラシ選択、プリミティブ配置・変形の流れを実際のボタン配置とともに解説します。
3‑1. メニュー呼び出しとブラシ選択
左手コントローラの サムスティック押下 で常駐メニューが表示されます。メニューは上部ツールバー、中央のブラシパレット、右側設定アイコンに分かれています。
- サムスティックを押し込み → メニュー表示
- A ボタン(右コントローラ)で直前使用したブラシへ即時切替え
- B ボタン で全ブラシリストを開き、スクロールして目的のブラシを選択
要点:サムスティック一押しでメニューが出るため、視線移動だけでツール変更が可能です。
3‑2. プリミティブ配置とオブジェクト変形
トリガー長押しでスポーンメニューが呼び出され、指差すだけで基本形状(立方体・球体・円柱など)をシーンに追加できます。
| 操作 | コントローラ入力 |
|---|---|
| プリミティブ選択 | トリガー長押し → メニューから形状選択 |
| 移動 | グリップボタン+スティックドラッグ |
| スケール(ピンチ) | 両手サムスティック外側に引く |
| 回転 | 右コントローラのサムスティック横方向操作 |
| グリッドスナップ | メニュー内「Snap」トグルオン、0.05 m 刻みで自動整列 |
要点:両手同時操作でサイズ・回転を直感的に調整でき、Snap 機能で正確な配置が実現します。
4. 自作アセットのインポートと簡易アニメーション/インタラクティブ要素
外部で作成した 3D データや UI コンポーネントも ShapesXR にシームレスに取り込めます。ここでは対応フォーマット、インポート手順、そしてノードベースのアニメーション設定方法を紹介します。
4‑1. 対応フォーマットとインポート手順
公式が推奨する形式は FBX, GLTF/GLB, OBJ の3種類です。特に GLTF は PBR マテリアル情報を保持できるため、質感の再現性が高くおすすめです。
- ShapesXR エディタを起動し、左上メニューから 「Import」 を選択
- ファイルブラウザで対象ファイル(例:
model.fbx)を指定 - 「スケール自動補正」「マテリアル統合」にチェックし、「インポート」 ボタンをクリック
要点:インポート時にスケールとマテリアルの自動調整を有効にすると、VR 空間でのサイズ調整が不要になります。
4‑2. アニメーションとトリガー設定
ShapesXR のノードベースエディタでは、プログラミングなしで簡易アニメーションやインタラクションを構築できます。
- オブジェクト選択後、コンテキストメニューの 「Add Animation」 をクリック
- タイムラインに 回転 / 移動 / スケール のキーを 0.1 s 刻みで配置
- 「トリガーノード」を追加し、「On Click」 または 「On Gaze」 を選択すると、ユーザー操作時にアニメーションが再生されます
- プレビュー ボタンで動作確認し、イージングやキー間隔を微調整
要点:トリガーとアクションのシンプルなチェーン構造で、開発者以外でもインタラクティブ要素を手軽に追加できます。
5. Figma プラグインと Unity エクスポートパイプライン
デザイン段階から VR 実装までのフローを短縮するために、ShapesXR は公式 Figma プラグインと Unity 向けエクスポート機能を提供しています。
5‑1. Figma フレーム同期手順
Figma のプラグインは Meta Store(または ShapesXR の公式ページ)から取得できます。同期の流れは以下です。
- Figma で対象フレームを選択し、右クリック → 「Plugins」 > 「ShapesXR Sync」 を実行
- プラグインウィンドウに表示される 「Export to ShapesXR」 ボタンをクリック
- ShapesXR が自動起動し、「Figma Import」 タブにフレームがリスト化されます
- リアルタイム同期 オプションを有効にすると、Figma 側の変更が最大 2 秒で VR 空間へ反映されます
要点:デザインとプロトタイプが常に同一になるため、レビューサイクルが大幅に短縮できます。
5‑2. Unity へのエクスポート手順
ShapesXR からは .unitypackage が生成でき、Unity プロジェクトへ簡単に取り込めます。
- ShapesXR メニュー → 「Export」 > 「Unity Package」 を選択
- エクスポート対象(シーン・アセット・マテリアル)をチェックし、保存先を指定して 「エクスポート」
- Unity Hub で新規プロジェクト作成後、
Assets > Import Package > Custom Packageからエクスポートしたパッケージをインポート - インポート完了後に自動生成された
Scenes/ShapesXRScene.unityを開き、File > Build Settings で以下のビルド設定を行います
| ビルド対象 | 主な設定項目 |
|---|---|
| PC (Windows) | Platform: Windows, Architecture: x86_64, DirectX 12 有効 |
| スタンドアロン VR | Oculus Quest (Android), Scripting Backend: IL2CPP, XR Plug‑in Management: Oculus |
| Web/MR | WebGL, Compression: Gzip, Unity WebXR Exporter(公式パッケージ)有効化 |
要点:シーン単位でエクスポートできるため、複数プロジェクト間でも再利用が容易です。
6. リアルタイムコラボレーション・公開オプション・トラブルシューティング
チームで同時に作業できるリアルタイムコラボは ShapesXR の強みです。ここではセッション設定、Web/MR 公開手順、そしてよくある障害への対処法をチェックリスト形式でまとめます。
6‑1. コラボレーション設定と帯域制御
- メニュー右上の 「Collaboration」 アイコン → 「Create Session」
- セッション名、参加者権限(閲覧/編集)を設定し、「Generate Invite Link」 を取得
- 招待リンクをチームメンバーに共有すると、同一シーンへ同時接続が可能です
- ネットワーク環境が不安定な場合は 「Low‑Bandwidth Mode」 を有効化し、データ送信レートを自動で抑制します
要点:権限管理と帯域制御を組み合わせることで、大規模チームでもスムーズに共同作業が行えます。
6‑2. Web/MR 公開手順
- Unity で WebGL ビルド を実行し、出力フォルダ(例:
Build/)を Netlify や Vercel へデプロイ - デプロイ完了後の URL が 「ShapesXR Share Link」 として機能し、ブラウザだけで VR/AR 体験が可能です
- MR 向けには Unity の Mixed Reality Toolkit (MRTK) を利用し、APK を生成して HoloLens や Magic Leap に配布します
要点:WebXR はインストール不要の最軽量公開手段で、クライアントへの導入ハードルが最低です。
6‑3. よくある問題と対処チェックリスト
| 問題 | 確認・対応策 |
|---|---|
| デバイスが PC に認識されない | USB‑C ケーブルを 3.1 以上に交換、Meta Developer Hub の Device Manager で再起動 |
| フレームレートが 30 fps 以下になる | エディタの 「Low Quality」 プロファイルへ切替え、不要オブジェクトの非表示、Auto‑LOD を有効化 |
| コントローラが Bluetooth で認識しない | デバイス側設定で Bluetooth がオンか確認、最新ドライバーを公式サイトからインストール |
| Figma 同期が止まる | プラグインウィンドウの 「Refresh」 ボタンで手動再同期、プロキシ環境下は例外設定を追加 |
要点:上記リストを実行すれば、ほとんどの障害は数分で解決できます。
まとめ
- 公式情報(2024 年) に基づくハードウェア要件を確認し、推奨スペックを満たす環境を整える
- 公式ダウンロードページ と Meta Store の両方でインストーラを取得し、デバイスごとの初回設定(Wi‑Fi・開発者モード)を完了させる
- UI とコントローラ操作はサムスティックとトリガー中心のシンプル設計なので、作業中でも手を離すことなくツール切替が可能
- FBX/GLTF/OBJ のアセットインポートやノードベースの簡易アニメーションで、プログラミング不要のインタラクティブ体験を構築できる
- Figma プラグインと Unity エクスポートにより、デザインから実装までのフローがシームレスに連携する
- リアルタイムコラボと Web/MR 公開機能で、チーム作業とステークホルダーへの共有がスムーズになる
本ガイドを参考に、ShapesXR の導入・運用を計画的に進めてください。公式サイトの最新情報は随時チェックし、バージョンアップや新機能追加にも柔軟に対応できる体制を整えておくことが成功への鍵です。