如何入门Babylon.js并实现本地化运行？

1、Web3D与Babylon.js整体介绍 3D显示技术是可以用贴近人类直觉的方式进行信息展示，可以广泛的应用于数据可视化、游戏、教学等应用方向，现代人通常接触过一些3D场景展示，但想自己动手制作3D场景则往往遇到入门困难、配置繁琐的难题，本教程的目的是引导读者采用较为容易的方法，绕过3D编程的入门难关，将创造力发挥在具体的3D场景构建上。建议读者具有高中水平的数学和英语知识，并且预先掌握了html、css、js、浏览器调试、常规电脑使用基础知识。 Web3D技术的一大优势是无需玩家进行程序安装，只需玩家的电脑上具备合适的硬件设备和浏览器即可直接浏览3D场景，浏览器会负责绝大部分资源管理和安全防护工作；同时Web3D基于浏览器中的js代码运行，其编程难度远低于常见3D引擎的C++代码。其缺点则包括难以直接调用本地文件、被认为性能相对较低等。 Babylon.js是一款流行的开源Web3D引擎，该引擎已经过多年版本迭代，一直致力于以易用且稳健的风格将最前沿的3D技术引入浏前端，引擎的主干代码由微软团队维护，并且吸收了世界各国代码贡献者的智慧，同时该引擎也具备易用的在线调试系统和活跃的社区。 2、bbl官方学习资源 我们对bbl的介绍从在线调试系统开始，bbl的在线调试系统被称为“运动场”（playground），我们可以从这个链接打开它：https://playground.babylonjs.com/（初次加载时间较长） 页面顶部从左到右依次是：bbl的logo；运动场中的bbl引擎版本与当前渲染模式；选择编程语言（TS与JavaScript）；执行代码；保存当前代码到新的运动场，可以生成一个唯一URL供在线访问，这样玩家就可以将自己编写的代码共享给他人查看；以JSON格式将当前运动场下载到本地或加载本地的运动场描述文件；场景调试器，可列出当前运动场中的所有对象，并实时修改它们的属性（在场景中对象较多时会卡顿）；页面下载，以网页形式将该运动场下载到本地（只包括一个index.html页面，不包括依赖项和资源）；新建一个默认运动场；自动添加代码；清空代码；运动场设置。页面左边是在运动场中建立新文件、搜索和替换、历史操作查看。主页面左侧是代码编辑区，具有代码提示功能；右侧显示代码运行效果，训练场中默认显示的是一个自由相机、一个半球形光源、一个球体网格和一个地面网格。页面底部右侧依次是官方社区、文档、API和文档搜索链接以及当前页面帧率显示。 遗憾的是因网络限制，国内玩家访问运动场时，可能在打开后报错或经过很长时间才能打开。事实上bbl官方网站并不受限，但新版bbl运动场关联了多项受限的第三方资源（其实没有这些资源运动场也能运行），浏览器会依次尝试加载这些第三方资源，等这些资源全部超时后才能打开页面。 点击社区按钮可打开官方社区，其网址为：https://forum.babylonjs.com/ 可用QQ邮箱注册论坛账号，与bbl引擎相关的问题可在Questions中提问，开发团队一般会及时回复，注册账号后社区也会向邮箱推送bbl的最新开发动态。 点击文档按钮可打开官方文档，其网址为：https://doc.babylonjs.com/ 其中由浅入深的介绍了bbl的所有功能（全英文），页面右上方依次是搜索栏和bbl的github地址，可在搜索栏中搜做感兴趣的信息，例如搜索mesh 可在页面中间的结果区选择只查看相关教程或只查看相关API文档，前者适合系统学习后者适合编程调试，页面右侧则是与mesh相关的所有官方示例的运动场链接。 访问https://babylonjs.com/可打开bbl的官方网站，在这个网站中可查看bbl的特性演示和一些使用bbl的应用展示。 可访问https://www.cnbabylon.com/查看国人制作的bbl中文网，该网站目前处于半废弃状态，可点击网站底部的“QQ群”按钮加入国内bbl讨论群。