01ここから始める
公開シーンを表示する
実際のシーンを使う React + TypeScript プロジェクトを起動し、見回しや表示モードの切り替えを試します。
アカウント・キーは不要
公開サンプルを実行ドキュメント
Realsee で開発する
動作するプロジェクトから始め、空間データに接続し、必要な機能を追加しましょう。
何を作りますか？
初めての場合は公開サンプルから始めましょう。Team データのガイドと同じスターターを使います。
02
Team のデータに接続する
サーバー側でトークンを取得し、Team の VR 一覧を取得して、同じプロジェクトでシーンを表示します。
Developer app が必要
Team データに接続03
Argus の再構成結果を取得する
パノラマ画像やピンホール画像から、深度マップ、点群、カメラ姿勢のパッケージを生成します。
画像一式と Developer app が必要
Argus ガイドを読む04
パノラマから VR を作成する
Pano-to-VR にパノラマ ZIP をアップロードし、閲覧用 URL を持つ SaaS VR プロジェクトを作成します。
パノラマ一式と Developer app が必要
Pano-to-VR ガイドを読むビューアーを開発する
クイックスタートの後は、必要なタスクを選びます。各ガイドは同じ Five SDK シーンを使います。
- シーンを読み込むWork を解析し、サイズを指定したビューアーを設置して読み込みを監視し、ブラウザーリソースを解放します。
- カメラと表示モード表示モードと視点を切り替え、カメラを操作し、保存したシーンの視点を復元します。
- イベントと座標シーンのタップを処理し、モデルとの交点を求め、ワールド座標のラベルを画面上に投影します。
- 画像をキャプチャーする明示的なブラウザー操作で Five SDK の描画フレームを PNG Blob に出力し、サイズとリソースを制限します。
- React ライフサイクル安定したホスト、遅延読み込み、キャンセル、サイズ監視、完全な破棄で Five SDK を React に統合します。
- 本番環境のチェックリストTeam データ、シーンのアセット、ライフサイクル、エラー処理、依存関係の更新に備えて Five SDK を確認します。
ビューアーを拡張する
Five SDK を表示の基盤として、目的に合う体験を追加できます。
全ドキュメント
製品を選び、タスクガイドと API の説明を確認してください。