メインコンテンツまでスキップ

はじめに

PlayCanvas React へようこそ！ このセクションでは、最初の 3D React アプリケーションのセットアップ方法と、インタラクティブな 3D 体験を構築するために必要な基本概念をガイドします。

学べること​

このはじめにガイドでは、以下の方法を学びます:

前提条件​

始める前に、以下を確認してください:

  • Node.js 22.23.2以降がシステムにインストールされている
  • React の基本的な知識がある - React が初めての場合は React ドキュメント を参照してください
  • テキストエディタまたは IDE（Visual Studio Code を推奨）

クイックスタート​

最も速く始める方法はcreate-playcanvasを使用することです。

npm create playcanvas@latest my-app -- -f react

プロンプトで12個の実行可能なスターターから1つを選択します。生成されたプロジェクトには、対応するAIコーディングエージェント向けのPlayCanvas Skillsが含まれます。ローカルにインストールせずに試したい場合は、オンラインプレイグラウンドも利用できます。

次のステップ​

準備ができましたか？ まずは インストールガイド で開発環境をセットアップし、シーンの構築 チュートリアルで最初の 3D アプリケーションを作成しましょう。

より高度なトピックや例については、PlayCanvas React ドキュメント と サンプルギャラリー をご覧ください。