一、babylonjs简介

babylonjs 是一款强大、漂亮、简单、开放的游戏和渲染引擎，是对WebGL的封装。开发过程中如果遇到问题，大部分情况下只能去官方的社区去提问或者去找对应的问题。

二、什么是webGL

webgl是一种3D绘图协议，衍生于OpenGL ES2.0，可以结合 H5 和 JavaScript 在网页上绘制和渲染二/三维图形。之前学过的div+css、canvas 2d 都是专注于二维图形的，它们也能模拟一部分三维效果，但是相比而言webGL更加强大。

1.Three.js：一种用于在Web上创建3D图形的JavaScript库

2.Babylon.js：基于WebGL的3D游戏引擎

3.A-Frame：基于HTML和JavaScript的用于构建VR（虚拟现实）体验的Web框架

4.PlayCanvas：基于WebGL的游戏和3D图形引擎

5.Cesium: 基于WebGL和JavaScript的开源3D地球引擎，用于创建高性能的地球场景和模型。

6.Blend4Web: 基于WebGL和JavaScript的开源3D引擎。

7.KickJS：Web的开源图形和游戏引擎

详细的webGL知识此处不做赘述。

沙箱实际上是 Babylon.js 的查看器工具。你可以拖放任何类型的受支持场景文件（glTF、babylon、OBJ、STL）并将其直接显示到浏览器中。

可以在左侧进行编码，然后在右侧查看结果，对于调试非常有用。如果你代码有问题，或者你想给他人分享代码可以直接在这个工具上提交项目。

Inspector 分析和调试场景的终极工具。

点击“场景”对象。然后可以在“渲染模式”下，在“点”、“线框”和“实体”之间切换。