本文へ移動
ドキュメント

はじめに

キー不要の公開空間アプリを起動し、SDK 操作を変更して、必要に応じて Team データや画像再構成へ進みます。

このページの内容
公式スターターv1.3.0

ローカルで動かす

React + TypeScript の完全なプロジェクトです。Node 24 が必要です。

実際のシーンを表示し、表示モードを切り替えます。アカウントやキーは不要です。

ターミナルを操作できる AI コーディングツールに貼り付けてください。アプリの起動と確認を依頼するプロンプトです。

Markdown を表示

実シーンを含む完全な React + TypeScript プロジェクトから始めます。ログイン、アプリ作成、トライアル開始の前に実行できます。

最初の結果を選ぶ

作りたいもの開始ガイド要件
実際の 3D 空間を表示するローカルアプリ公開 Five SDK スターターNode 24・WebGL・ネットワーク。アカウント・キー不要
自分の VR を使うローカルアプリTeam API スターター同じプロジェクトと Team 所有の Developer app
Argus の再構成結果Argus クイックスタートアプリ認証情報・入力画像一式・タスク要件
パノラマから生成した SaaS VRPano-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 に従ってください。

次の答えを探す