跳到主要内容

快速入门

什么是 PlayCanvas？​

PlayCanvas 是一个 ✨ Web 图形创作平台 ✨。

PlayCanvas 由一系列开源产品组成，你可以使用它们构建具有图形界面的交互式 Web 应用：

🦾 PlayCanvas Engine - 驱动所有 PlayCanvas 应用的开源 JavaScript 运行时。
🛠️ PlayCanvas Editor - 用于构建 PlayCanvas 应用、支持实时协作的可视化编辑环境。
⚛️ PlayCanvas React - 基于 React、封装 PlayCanvas 引擎的开源声明式接口。
🧩 PlayCanvas Web Components - 基于 Web Components、封装 PlayCanvas 引擎的开源声明式接口。

创建代码项目​

使用 create-playcanvas，从可直接运行的初始模板创建用于 Engine、React 或 Web Components 的 Vite 和 TypeScript 项目。新项目包含 PlayCanvas Skills，为兼容的 AI 编程智能体提供 PlayCanvas 专用的开发与验证流程。

从 Unity 迁移​

从 Unity 迁移介绍了 Unity 编辑器、相关概念及 C# API 在 PlayCanvas 中的对应内容，并解释 Unity 开发者容易遇到的差异。

哪款产品适合你？​

每位开发者的情况都不同，适合你的 PlayCanvas 入门方式取决于你的背景和技能。下面可以帮助你选择。

🦾 PlayCanvas Engine - 完全掌控开发过程​

**适合：**有经验的程序员、对性能要求较高的应用、自定义工作流程。
**选择理由：**希望获得最大控制权，有特定架构需求，或正在构建复杂系统。

🛠️ PlayCanvas Editor - 以可视化为主的开发方式​

**适合：**初学者、团队、快速原型开发、偏好可视化学习的用户。
**选择理由：**希望通过拖放搭建场景，需要实时协作，或更喜欢可视化工具。

⚛️ PlayCanvas React - 面向 React 开发者​

**适合：**React 开发者、习惯组件化思维的用户、现有 React 项目。
**选择理由：**已经使用 React，希望以声明式方式描述 3D 场景，或需要将 3D 功能集成到 React 应用中。

🧩 PlayCanvas Web Components - 基于 Web 标准的开发方式​

**适合：**原生 JavaScript 开发者、不依赖特定框架的项目、Web 标准爱好者。
**选择理由：**偏好原生 Web 技术，希望不受框架限制，或喜欢自定义 HTML 元素。

😕 还是不知道怎么选？​

可以根据下面的问题快速判断：

刚开始接触 3D 开发？ → 从 PlayCanvas Editor 开始。
是 React 开发者？ → 使用 PlayCanvas React。
偏好原生 HTML 和 JavaScript？ → 试试 PlayCanvas Web Components。
需要最大控制权的程序员？ → 选择 PlayCanvas Engine。
需要团队协作？ → PlayCanvas Editor 提供最完善的协作体验。
从 Unity 或 Unreal 转过来？ → PlayCanvas Editor 提供类似的使用体验。Unity 开发者还可以阅读从 Unity 迁移。
需要集成到现有应用或网站？ → 根据现有技术栈选择 React 或 Web Components。

如果仍有疑问，欢迎到 Discord 与我们交流。