ローカルで動かす
React + TypeScript の完全なプロジェクトです。Node 24 が必要です。
ターミナルを操作できる AI コーディングツールに貼り付けてください。アプリの起動と確認を依頼するプロンプトです。
実シーンを含む完全な React + TypeScript プロジェクトから始めます。ログイン、アプリ作成、トライアル開始の前に実行できます。
最初の結果を選ぶ
| 作りたいもの | 開始ガイド | 要件 |
|---|---|---|
| 実際の 3D 空間を表示するローカルアプリ | 公開 Five SDK スターター | Node 24・WebGL・ネットワーク。アカウント・キー不要 |
| 自分の VR を使うローカルアプリ | Team API スターター | 同じプロジェクトと Team 所有の Developer app |
| Argus の再構成結果 | Argus クイックスタート | アプリ認証情報・入力画像一式・タスク要件 |
| パノラマから生成した SaaS VR | Pano-to-VR | アプリ認証情報とパノラマ ZIP |
公開シーンを実行する
「スターター用プロンプトをコピー」を、ファイル作成とターミナル実行ができる AI ツールで使います。手動の場合は同じプロジェクトを取得し、Five SDK クイックスタート に従います。
どちらも公式の版付きスターター、固定依存関係、ロックファイルを使います。表示されたローカル URL を開き、Ready を待ち、見回し、Panorama と Floorplan の切り替え、視点リセットを試します。
ホスト済み公開デモ も試せます。
シーンをカスタマイズする
ローカルスターターの Open SDK examples を選びます。各ガイドは同梱コードを使います:
既存 React アプリへの導入は React ライフサイクル を参照し、必要に応じて Dnalogel 空間 UI や Vreo ガイド付き体験 を追加します。
必要に応じて Team データに接続する
同じスターターで Team API クイックスタート に進みます。npm run configure -- --device の確認リンクを開き、ログインして所有 Team と有効アプリを選び、Authorize agent を自分で選択します。ツールがサーバーの .env を設定します。利用できない場合はローカルで設定し、SK やトークンをプロンプトやブラウザーコードに含めないでください。
作成できるのは Team オーナー だけです。新規アプリは標準 14 日間のトライアル で、期限切れ・無効を含め Team ごとに 最大 10 個 です。所有権、作成、トライアル、継続利用は Team とアプリ管理 を参照してください。
トークン交換と一覧取得を先に確認し、その後で選択した Team シーンを表示します。認可済み一覧が空でも API の正常結果です。公開デモの表示は Team API アクセスの証明ではありません。
<a id="reconstruct-a-panorama-when-you-need-a-new-scene"></a>
画像一式から再構成する
Argus クイックスタート は入力要件、タスク、結果確認を扱います。複数の 2:1 パノラマまたは 1:1 ピンホール画像から再構成成果物のパッケージを生成します。
パノラマから SaaS VR を作るには、Argus を利用した Pano-to-VR に従ってください。
次の答えを探す
- SDK タスクガイド でシーン操作を確認できます。
- OpenAPI エンドポイントの説明 でサーバーの要求と応答を確認できます。
- 認証 はアプリ認証情報とサーバー側トークンを説明します。
- 連携の質問は Realsee Discord コミュニティ へ。SK やトークンを共有しないでください。
