开源 · 跨平台 · 实时渲染引擎

为浏览器而生的
实时 3D 引擎

Babylon.js 由微软与全球社区共同打造 —— PBR 物理渲染、GPU 级粒子、WebGPU 与 WebXR, 无需插件,一行脚本即可在网页中构建完整的三维世界。

WEBGL 2.0WEBGPUWEBXRGPU PARTICLESTYPESCRIPTMIT LICENSE
01SHOWCASE

旗舰案例.

三个实时渲染场景,覆盖资产管线、光学透射与自定义着色 —— 全部在浏览器中原生运行,零插件。

左键旋转 · 滚轮缩放
— FPS

正在构建场景…

战损机甲 · PBR 资产管线

基于 glTF 2.0 的工业级 PBR 资产,在 HDR 环境光下呈现金属、粗糙度与自发光的真实层次。点击「爆炸拆解」,观察零件级的空间结构。

glTF 2.0PBR Metallic-RoughnessHDR IBL爆炸视图线框检视
02PLAYGROUND

在线代码沙箱.

左侧编辑、右侧渲染。内置模板覆盖入门到进阶 —— 改一行,点运行,立刻看到结果。

scene.js
[系统] 沙箱就绪,点击「运行」构建场景。
03CAPABILITIES

一个引擎,全部就绪.

从网页展示到 3A 级 Web 游戏,Babylon.js 提供覆盖渲染、物理、XR 与内容管线的完整能力。

基于物理的渲染

PBR Metallic-Roughness 工作流,支持清漆、各向异性、次表面散射与 HDR 环境探针,逼近真实世界的光。

WebGPU 就绪

全球首批完整支持 WebGPU 的 Web 引擎:计算着色器、更低的 CPU 开销,为下一代 Web 图形而生。

GPU 粒子系统

十万级粒子在 GPU 端并行模拟:星云、流体、魔法特效,以毫秒级开销驱动震撼视效。

WebXR 沉浸式

一行代码接入 VR / AR:手势追踪、平面检测、空间锚点与空间音频,全部开箱即用。

Havok 物理引擎

深度集成工业级 Havok:高保真刚体碰撞、关节约束、布娃娃系统与极速碰撞检测。

节点材质编辑器

可视化搭建着色器逻辑,无需手写 GLSL —— 艺术家的图形学画布,工程师的效率工具。

04INTEGRATION

一分钟接入项目.

CDN 直接引入,或通过 npm 获得完整的模块化与类型支持。

!

生产环境提示 — 官方 CDN 面向学习、教学与原型验证。生产项目请通过 npm 安装,或托管至自有 CDN,以保证可用性与版本锁定。

<!-- 核心引擎 -->
<script src="https://cdn.babylonjs.com/babylon.js"></script>

<!-- 模型加载器:glTF / OBJ / STL -->
<script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>

<!-- 高级材质库 -->
<script src="https://cdn.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>

<!-- 2D / 3D GUI 系统 -->
<script src="https://cdn.babylonjs.com/gui/babylon.gui.min.js"></script>
babylon.js核心引擎cdn.babylonjs.com/babylon.js
loadersglTF / OBJ / STL 加载器cdn.babylonjs.com/loaders/babylonjs.loaders.min.js
materials高级材质扩展库cdn.babylonjs.com/materialsLibrary/babylonjs.materials.min.js
gui2D / 3D 界面系统cdn.babylonjs.com/gui/babylon.gui.min.js
05ECOSYSTEM

官方工具链与社区.

从在线实验到模型导出,Babylon.js 生态覆盖 3D 内容生产的每一个环节。