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

Getting Started

Welcome to PlayCanvas React! This section will guide you through setting up your first 3D React application and teach you the fundamental concepts you need to build interactive 3D experiences.

What You'll Learn

In this getting started guide, you'll learn how to:

Prerequisites

Before you begin, make sure you have:

  • Node.js (version 18 or higher) installed on your system
  • Basic familiarity with React - if you're new to React, check out the React documentation
  • A text editor or IDE (we recommend Visual Studio Code)

Quick Start

The fastest way to get started is with our scaffolding tool:

npx create playcanvas@latest -t react-ts

This creates a new project with everything set up and ready to go. You can also try our online playground to experiment without installing anything locally.

Next Steps

Ready to dive in? Start with the installation guide to set up your development environment, then follow the building a scene tutorial to build your first 3D application.

For more advanced topics and examples, explore the complete PlayCanvas React documentation and example gallery.