跳到主要内容

PlayCanvas 开发者文档

构建交互式 Web 3D 应用

PlayCanvas Engine、Editor、React、Web Components、SuperSplat 和 SplatTransform 的指南、教程、示例与 API 参考。

开始构建

PlayCanvas Editor 视口中打开的国际象棋场景

PlayCanvas Editor

可视化开发

在浏览器中使用支持协作的编辑器搭建场景、添加脚本并发布应用,无需安装。

npm create playcanvas@latest

create-playcanvas

使用代码开发

从可运行的初始模板出发,为 Engine、React 或 Web Components 创建 Vite 和 TypeScript 项目。

发布在 superspl.at 上的蜜蜂高斯泼溅场景

SuperSplat

发布高斯泼溅场景

在浏览器中清理采集的高斯泼溅数据,发布到 superspl.at,并分享给使用任意设备的用户。

探索 PlayCanvas 平台

从底层引擎到基于引擎构建的工具,每款产品都有专属指南。

Engine

所有其他产品的基础:使用 WebGL2 或 WebGPU 渲染的开源引擎,可通过 npm 或 CDN 使用。

Editor

在浏览器中协作搭建场景、管理资源和发布应用的编辑器。

React

使用 @playcanvas/react,通过 React 组件和 Hook 以声明式方式构建场景。

Web Components

使用 <pc-*> 自定义元素,在普通 HTML 中构建场景,无需构建步骤。

SuperSplat

清理、发布和分享 3D 高斯泼溅场景,在 Studio 中整理展示,并嵌入其他网页。

SplatTransform

用于转换、过滤和合并高斯泼溅文件,以及生成流式加载 LOD 的命令行工具和库。

借助 AI 构建应用

让编程智能体掌握 PlayCanvas。Skills、编辑器 MCP 服务器和适合智能体阅读的文档,可帮助 Claude Code、Codex、Cursor 等智能体构建并验证 PlayCanvas 应用。

npx skills add playcanvas/skills