はじめに
PlayCanvas React へようこそ！ このセクションでは、最初の 3D React アプリケーションのセットアップ方法と、インタラクティブな 3D 体験を構築するために必要な基本概念をガイドします。
学べること
このはじめにガイドでは、以下の方法を学びます:
- プロジェクトに PlayCanvas React をインストール・セットアップする
- カメラ、Entity、3D モデルを使って最初の 3D シーンを作成する
- アプリケーションで効率的に 3D Asset をロード・管理する
前提条件
始める前に、以下を確認してください:
- Node.js（バージョン 18 以上）がシステムにインストールされている
- React の基本的な知識がある - React が初めての場合は React ドキュメント を参照してください
- テキストエディタまたは IDE（Visual Studio Code を推奨）
クイックスタート
最も速く始める方法はスキャフォールディングツールを使用することです:
npm create playcanvas@latest -- -t react-ts
これにより、すべてがセットアップされたすぐに使えるプロジェクトが作成されます。ローカルにインストールせずに試したい場合は、オンラインプレイグラウンド もご利用いただけます。
次のステップ
準備ができましたか？ まずは インストールガイド で開発環境をセットアップし、シーンの構築 チュートリアルで最初の 3D アプリケーションを作成しましょう。
より高度なトピックや例については、PlayCanvas React ドキュメント と サンプルギャラリー をご覧ください。