Babylon.js
开源的 Web 3D 渲染引擎,用 JavaScript 调用 WebGL 和 WebGPU,配有 Playground、Sandbox 和节点编辑器等在线工具,适合前端和图形开发者给电商商品配置或展厅做网页三维场景。
Babylon.js 是一个跑在浏览器里的 3D 引擎,用 JavaScript 调用 WebGL 和 WebGPU 渲染画面。它要解决的问题很直接:不装客户端、不依赖特定系统,打开网页就能加载三维场景。官网列出的用途包括游戏、产品配置器、数字孪生和 XR 体验,Nike、Target、Macy's、微软 Xbox Design Lab 等都用它做过可交互的三维页面。
主要功能
引擎本体覆盖渲染、动画、物理、音频、导航网格等模块。9.0 版本新增的内容包括 Clustered Lighting、Textured Area Lights、体积光、Frame Graph、动画重定向、高斯泼溅(Gaussian Splatting)、3D Tiles、OpenPBR 材质、SDF 文字和大世界渲染等,偏向把画面质量和场景规模往上推。
配套工具是它区别于纯库的地方:Playground 用来在线写代码试效果,Sandbox 拖入模型即可预览,Node Material Editor、Node Geometry Editor、Node Particle Editor 用节点连线搭材质、几何体和粒子,Inspector 用来在运行时查看和调试场景,另有 Viewer Configurator 生成嵌入页面的查看器配置。
适合谁
适合要在网页里放三维内容的前端和图形开发者:做电商商品配置、展厅、数据可视化、小游戏或 XR 页面。它提供文档、教程、导出器和论坛,上手路径比较完整;不写代码的人则不太用得上,节点编辑器也需要先理解材质和渲染的基本概念。
费用与限制
官网明确写着免费、开源,没有付费档位。界面为英文,文档和社区讨论也以英文为主。引擎跑在浏览器里,实际效果受用户设备和浏览器对 WebGL、WebGPU 的支持影响,重场景需要自己做性能取舍。