Repolode
提交项目
playcanvas

playcanvas/engine

基于 WebGL2 和 WebGPU 的开源 JavaScript 游戏引擎，用于在浏览器中构建交互式 3D 应用、游戏和可视化作品。

可替代:Unity

在 GitHub 查看官网
Star
17,226
Fork
2,052
未关闭 Issue
464
最近提交
19小时前

这是什么？

PlayCanvas Engine 是 PlayCanvas 游戏引擎的核心运行时，以 npm 包 `playcanvas` 的形式发布。它基于 WebGL2 和 WebGPU 渲染 2D 与 3D 图形，无需插件即可在桌面和移动端的现代浏览器中运行。

引擎覆盖游戏开发的主要环节：由实体和组件构成的场景树、基于 ammo.js 的刚体物理、基于状态的动画系统，以及鼠标、键盘、触控和手柄输入。音效基于 Web Audio API 实现 3D 定位。资源异步加载，支持 glTF 2.0，并使用 Draco 与 Basis 压缩。项目还支持 3D Gaussian Splatting 和用于 AR/VR 的 WebXR。游戏逻辑可用 TypeScript 或 JavaScript 编写。

项目采用 MIT 许可证，可通过 `npm install playcanvas` 安装，也可用 `create-playcanvas` 快速搭建项目。相关生态包括 React 渲染器、基于 Custom Elements 的 Web Components，以及基于浏览器的可视化编辑器。

核心功能

  • 01基于 WebGL2 和 WebGPU 渲染 2D 与 3D 图形。
  • 02支持加载和显示 3D Gaussian Splatting 场景。
  • 03提供 WebXR 支持，可构建 AR 和 VR 体验。
  • 04集成 ammo.js，实现 3D 刚体物理。
  • 05支持加载 glTF 2.0 资源，并使用 Draco 与 Basis 压缩。

适用场景

  • 开发无需安装、直接在浏览器中运行的 3D 游戏。
  • 制作网页端交互式产品展示或配置器。
  • 在网页中展示 Gaussian Splat 扫描场景。
  • 开发 WebXR 的 AR 或 VR 体验。

快速上手

  1. 1

    使用 npm 安装引擎包

    npm install playcanvas
  2. 2

    或使用 create-playcanvas 生成完整项目

    npm create playcanvas@latest

使用前须知

  • 需要支持 WebGL2 或 WebGPU 的浏览器。
  • 从源码构建引擎需要 Node.js 18 或更高版本。

收录于专题

游戏开发工具与引擎

标签

#game-engine#webgl#webgpu#3d-graphics#webxr#gaussian-splatting#javascript#typescript#3d-gaussian-splatting#3dgs

常见问题

engine 是什么？
基于 WebGL2 和 WebGPU 的开源 JavaScript 游戏引擎，用于在浏览器中构建交互式 3D 应用、游戏和可视化作品。 PlayCanvas Engine 是 PlayCanvas 游戏引擎的核心运行时，以 npm 包 `playcanvas` 的形式发布。它基于 WebGL2 和 WebGPU 渲染 2D 与 3D 图形，无需插件即可在桌面和移动端的现代浏览器中运行。
engine 可以免费使用吗？用的什么许可证？
engine 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
engine 还在维护吗？
活跃维护中。engine 最近一次提交是在 2026年11月6日。
engine 适合用来做什么？
开发无需安装、直接在浏览器中运行的 3D 游戏。 制作网页端交互式产品展示或配置器。 在网页中展示 Gaussian Splat 扫描场景。 开发 WebXR 的 AR 或 VR 体验。
engine 怎么安装和运行？
使用 npm 安装引擎包: npm install playcanvas 或使用 create-playcanvas 生成完整项目: npm create playcanvas@latest
在哪里获取 engine？
源代码和安装说明在 GitHub 上：https://github.com/playcanvas/engine

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目