Repolode
提交项目
BabylonJS

BabylonJS/Babylon.js

基于 JavaScript/TypeScript 的 3D 游戏与渲染引擎，可在浏览器中运行，支持 WebGL、WebGPU 和 WebXR。

可替代:Unity WebGL

在 GitHub 查看官网
Star
26,213
Fork
3,713
未关闭 Issue
23
最近提交
8小时前

这是什么？

Babylon.js 是一个开源的 3D 引擎，用于在网页浏览器中构建游戏、交互场景和可视化应用。它使用 TypeScript 编写，以 JavaScript 框架的形式发布，附带完整的类型定义，可以通过 npm 安装、用 CDN 快速试验，也可以打包进更大的应用。

引擎提供场景图，包含相机、光源、网格以及内置的几何体构建器，并支持导入 glTF 和 .babylon 场景文件。渲染后端涵盖 WebGL、WebGPU，并支持用于虚拟与增强现实的 WebXR，声音部分基于 Web Audio。官方提供的在线 Playground 和大量示例便于开发者在写代码前直接在浏览器中试验 API。

项目文档涵盖安装配置、用于 Tree Shaking 的 npm ES6 包，以及 3ds Max、Maya、Blender 的导出插件。CDN 主要面向学习和小型实验，不建议在生产环境中使用。

核心功能

  • 01基于 WebGL、WebGPU 渲染 3D 场景，并支持 WebXR。
  • 02可导入 glTF 和 .babylon 场景文件。
  • 03提供内置网格构建器、相机、光源和材质。
  • 04以 npm 包发布，附带 TypeScript 类型定义，并提供支持 Tree Shaking 的 ES6 模块。
  • 05提供在线 Playground 和大量示例，便于学习 API。

适用场景

  • 开发浏览器中运行的 3D 游戏或交互体验。
  • 制作基于 3D 模型的网页可视化和产品展示。
  • 开发面向 VR 和 AR 设备的 WebXR 应用。
  • 在在线 Playground 中快速验证 3D 创意，再落地到项目中。

快速上手

  1. 1

    从 npm 安装 Babylon.js

    npm install babylonjs --save
  2. 2

    在代码中导入 Babylon.js

    import * as BABYLON from 'babylonjs';
  3. 3

    按 README 中的用法示例创建引擎、场景和渲染循环

使用前须知

  • CDN 不适用于生产环境，正式应用需要自行托管相关包。

标签

#3d#webgl#webgpu#webxr#game-engine#rendering#typescript#graphics#babylon#game-development

常见问题

Babylon.js 是什么？
基于 JavaScript/TypeScript 的 3D 游戏与渲染引擎，可在浏览器中运行，支持 WebGL、WebGPU 和 WebXR。 Babylon.js 是一个开源的 3D 引擎，用于在网页浏览器中构建游戏、交互场景和可视化应用。它使用 TypeScript 编写，以 JavaScript 框架的形式发布，附带完整的类型定义，可以通过 npm 安装、用 CDN 快速试验，也可以打包进更大的应用。
Babylon.js 可以免费使用吗？用的什么许可证？
Babylon.js 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。
Babylon.js 还在维护吗？
活跃维护中。Babylon.js 最近一次提交是在 2026年10月22日。
Babylon.js 适合用来做什么？
开发浏览器中运行的 3D 游戏或交互体验。 制作基于 3D 模型的网页可视化和产品展示。 开发面向 VR 和 AR 设备的 WebXR 应用。 在在线 Playground 中快速验证 3D 创意，再落地到项目中。
Babylon.js 怎么安装和运行？
从 npm 安装 Babylon.js: npm install babylonjs --save 在代码中导入 Babylon.js: import * as BABYLON from 'babylonjs'; 按 README 中的用法示例创建引擎、场景和渲染循环
在哪里获取 Babylon.js？
源代码和安装说明在 GitHub 上：https://github.com/BabylonJS/Babylon.js

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

相关项目