Contents
ShapesXR の概要と対応デバイス・システム要件
ShapesXR は、プログラミング不要で XR（拡張現実／仮想現実）プロトタイプを作成できるクラウドベースのツールです。2026 年 5 月時点で公式サイト（https://shapesxr.com）に記載されている対応環境と推奨ハードウェア要件をまとめました。本セクションでは、対象デバイスや最低限必要なシステム構成を確認し、事前準備の指標として活用してください。
対応デバイス
公式情報に基づき、以下のプラットフォームで ShapesXR を利用できます。各デバイスは WebXR API が有効化された環境で動作します。
- Oculus Quest（スタンドアロン） – ネイティブアプリとして提供
- PC – Windows 10/11、macOS 13（以降）に対応したデスクトップクライアント
- Web ブラウザ – Chrome、Edge の最新バージョンで WebXR が有効な状態
推奨ハードウェア要件（公式ドキュメント参照）
| 項目 | 最低要件 | 推奨構成 |
|---|---|---|
| CPU | Intel i5‑8400 / AMD Ryzen 5 2600 相当 | Intel i5‑9600K / AMD Ryzen 5 3600 以上 |
| GPU | NVIDIA GTX 1050 / AMD Radeon RX 560 相当 | NVIDIA GTX 1660 Ti / AMD Radeon RX 5600 XT 以上 |
| RAM | 8 GB | 16 GB 推奨 |
| ストレージ | SSD 空き容量 2 GB | SSD 推奨、空き容量余裕を持たせる |
| コントローラー | Oculus Touch、Valve Index Controllers、WebXR 対応コントローラ | 同上 |
注：上記は公式サイトの「System Requirements」ページ（2026‑05‑01 更新）から抜粋しています。OS のバージョンやドライバーが最新であることも必須です。
OS・ソフトウェア要件
- Windows：64 ビット版、DirectX 12 対応の GPU ドライバー
- macOS：Metal 対応、Apple Silicon（M1/M2）でもネイティブに動作
- ブラウザ：WebXR API が有効化された Chrome または Edge の最新リリース
これらを満たす環境であれば、インストールからマルチユーザーコラボまでシームレスに利用できます。
インストールからプロジェクト開始までの手順
このセクションでは、公式ダウンロードページ（https://shapesxr.com/download）から取得できるインストーラと、初回セットアップの流れを具体的に解説します。各プラットフォームごとの操作ポイントを把握し、スムーズに開発環境へ移行できるようになります。
公式サイトからのダウンロードとインストーラ実行
公式ページでは Windows/macOS 用のスタンドアロンクライアントと、ブラウザ版（WebXR）へのリンクが提供されています。以下の手順でインストールを完了させます。
- Windows / macOS：
Download for WindowsまたはDownload for macOSボタンをクリックし、.exeもしくは.dmgファイルを取得します。 - ブラウザ版：
Run in Browserを選択すると、WebXR が有効なタブが自動的に開きます。
インストーラは起動時に必要ランタイム（例：WebGL / OpenXR Runtime）を検出し、欠損があれば警告メッセージを表示します。
アカウント作成とログイン方法
初回起動時に表示される「Create Account」画面で以下の情報を入力してください。メール認証が完了するとダッシュボードへ遷移できます。
- メールアドレス（有効なもの）
- パスワード（8 文字以上、英数字混在推奨）
- 会社名・部署名（任意）
ログイン後は左上に表示されるユーザーアイコンからプロファイル編集やチーム招待が可能です。
新規プロジェクト作成とエディタ画面の構成
- ダッシュボード左側メニューの + New Project をクリック。
- プロジェクト名、テンプレート（空白／VR UI など）を選択し Create を実行。
作成されたプロジェクトは、次の三分割レイアウトで表示されます（画像は公式ドキュメント参照）。
- 左側ツールバー：プリミティブ、ブラシ、モデルライブラリ、インポート/エクスポート アイコンが配置
- 中央シーンビュー：3D 空間全体を俯瞰・操作できるメイン領域
- 右側プロパティパネル：選択オブジェクトの位置・スケール・マテリアル等詳細設定が表示
このレイアウトに慣れることで、マウスや VR コントローラだけでほとんどの作業を完結できます。
基本操作とコンテンツ作成フロー
3D モデルライブラリ／自前アセットのインポート
ShapesXR は FBX と glTF/GLB の両形式に対応しています。以下はインポート手順です。
- プロパティパネル上部の Import ボタンをクリック。
- ファイル選択ダイアログで
.fbx、.gltfまたは.glbを指定。 - インポートウィザードが自動的にメッシュ・マテリアル・テクスチャを分割し、Asset Browser に登録します。
インポート後はドラッグ＆ドロップでシーンへ配置でき、公式ライブラリ（数千点の無料アセット）も検索バーから簡単に利用できます。
プリミティブ・ブラシ・プロシージャルオブジェクトの活用方法
| 手法 | 主な用途 | 操作ポイント |
|---|---|---|
| プリミティブ | 基本形状（箱、球、円柱など）を素早く配置 | ツールバー → Primitive → 形状選択 → コントローラでサイズ・回転調整 |
| ブラシ | 手描き感覚で自由曲面や凹凸を追加 | ブラシツール → サイズ・硬さ設定 → トリガー押しながら描画 |
| プロシージャル | パラメータ駆動の複雑形状（ノイズ、フラクタル等） | Procedural メニュー → 例：Noise Terrain → 高さ・スケールを数値入力 |
すべてリアルタイムプレビューが表示されるため、調整結果を即座に確認しながら作業できます。
ハンドコントローラでのサイズ・位置変更とマテリアル設定
- 掴む (Grab)：対象オブジェクトをトリガーで掴み、手首の移動で位置を変更。
- 伸縮 (Scale Gesture)：両手でピンチイン／ピンチアウトするとスケールが変化し、数値入力は右側パネルの
Scale欄でも可能。 - 回転 (Rotate)：サイドボタンを長押しし、手首のローテーションでオブジェクトを回転。
マテリアル変更はプロパティパネルの Material ドロップダウンから行い、色相・金属度・粗さなどをスライダーで調整できます。
インタラクション実装とテスト方法
Gaze、Pinch、Attach to Body の設定手順
インタラクションはオブジェクトごとに追加でき、パラメータは UI から直感的に編集します。
- オブジェクトを選択し、右側パネルの Add Interaction をクリック。
- ポップアップで Gaze, Pinch, Attach to Body のいずれか（または複数）を選択。
-
各インタラクションの詳細設定例は以下の通りです。
-
Gaze：
Focus Time = 0.8 s,Highlight Color = #FFD700 - Pinch：感度
Sensitivity = 1.2,IsGrabbable = true - Attach to Body：
Anchor Bone = Head,Offset = (0, 0.15, 0)
設定が完了すると、視線固定でハイライト、ピンチで掴む、身体に追従させるといった基本インタラクションが即座に有効になります。
サウンドトリガーの追加と空間音響設定
Importボタンから.wavまたは.mp3をアップロード。- オブジェクトプロパティで Add Audio Trigger を選択し、再生タイミング（例：On Gaze, On Pinch）を指定。
Audio Settingsパネルで Spatial Blend = 1.0, Distance Model = Inverse を設定すると、位置に応じた減衰が自動適用されます。
公式チュートリアル（https://learn.shapesxr.com/prototyping）では「ボタン押下時にクリック音を 3D 再生」する具体例が掲載されています。
Play モードでのプロトタイプテストとデバッグポイント
- エディタ右上の Play ボタンをクリックすると、ヘッドセットまたはブラウザで実体験モードが起動します。
- 画面左下に表示される Debug Overlay では FPS、メモリ使用量、エラーログがリアルタイムで確認できます。
- エラー発生時は対象オブジェクトを選択した状態で右側パネルの Console タブを開き、スタックトレースや警告メッセージを参照してください。
このデバッグフローは公式ガイド（https://learn.shapesxr.com/debugging）でも推奨されており、開発サイクル短縮に有効です。
エクスポート、リモート共同編集、トラブルシューティング
各種プラットフォームへのエクスポート手順とフォーマット設定
ShapesXR は主要なゲームエンジンやデザインツール向けに複数の形式で出力できます。以下は代表的なターゲットと推奨設定です。
| ターゲット | 推奨エクスポート形式 | 主な設定項目 |
|---|---|---|
| Unity | GLB (Binary glTF) |
マテリアル変換（Standard → URP）、スケール係数 0.01 |
| Unreal Engine | USDZ |
ライト情報埋め込み、PBR パラメータ保持 |
| WebXR | GLB + JSON Manifest |
Draco 圧縮有効化、プレファブ名設定 |
| Figma（2D プロトタイプ） | SVG |
ベクター化オプション、レイヤー名保持 |
エクスポート後は対象ツール側でインポートし、必要に応じてシェーダやスクリプトを調整してください。
マルチユーザーコラボ機能の使い方とベストプラクティス
- セッション作成：プロジェクトメニューの
Collaboration → Create Sessionをクリックし、共有リンクを生成します。 - 権限設定：招待メールで「閲覧者（Read‑Only）」「編集者（Editor）」のいずれかを割り当てられます。
- ネットワーク品質の調整：同時編集が増えると帯域幅が逼迫しやすくなるため、
Network Quality設定で更新頻度（Low/Medium/High）をプロジェクト規模に合わせて選択します。
公式ガイド（https://learn.shapesxr.com/collaboration）は「同時参加者は 10 人まで快適に動作する」ことを目安として提示していますが、実際のパフォーマンスはネットワーク環境やシーン複雑度に依存します。大規模チームではセッションを分割し、必要なときだけ統合すると安全です。
よくあるトラブルと対処フロー
| トラブル | 主な原因 | 推奨対処手順 |
|---|---|---|
| コントローラーが認識しない | Bluetooth ペアリング失敗、ドライバ未更新 | 1. デバイス再起動 → 2. PC の Device Manager でコントローラードライバーを最新版に更新 → 3. ShapesXR 再起動 |
| 同期エラー（モデルが消える） | クライアント間のバージョン不一致 | 1. 全クライアントで最新ビルド (2026.5) にアップデート → 2. セッションを一度終了し、再作成 |
| エクスポート時にマテリアルが欠損 | GLB のエンコード設定がデフォルトのまま | Export Settings で Include Materials を有効化し、再エクスポート |
| Play モードで FPS が低い | 高ポリゴンモデルや未圧縮テクスチャ | テクスチャを 512×512 以下にリサイズ、不要なサブメッシュを削除、LOD 設定を利用 |
トラブルが発生した際はまず Debug Overlay と Console タブのログを確認し、公式サポートページ（https://support.shapesxr.com）で同様事例がないか検索すると迅速に解決できます。
まとめ
本稿では ShapesXR のシステム要件・インストール手順から、基本操作、インタラクション実装、エクスポート・共同編集までの一連のフローを公式情報に基づいて整理しました。正確なハードウェア構成と最新バージョンの利用が快適な開発体験の鍵となりますので、導入前に必ず公式サイト（https://shapesxr.com）で最新情報をご確認ください。