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:
- Install and set up PlayCanvas React in your project
- Create your first 3D scene with cameras, entities, and 3D models
- Load and manage 3D assets efficiently in your application
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.