认识babylon.js

babylon.js入门日记系列

一直就有一个给宝宝写游戏的念头.百度一番.选了这个babylon.js(巴比伦).先说好,游戏开发方面我是啥也不会, 要是把你带沟里去了,你也别介意.好了,说干就干,开始.........

babylon.js是什么?

babylon.js是一个完整的JavaScript框架，用于构建HTML5，WebGL，WebVR和Web Audio的3D游戏和体验. 除了游戏用来在页面实现一些3D场景也是没问题的.官网

环境搭建

Babylon 环境相对简单,只需要引入三个脚本文件即可

• babylon.js 主程序脚本
• babylonjs.loaders 扩展对GILF等3D文件的支持(方便你把3D软件中建立的模型导入)
• pep.js 统一不同浏览器上指针操作

下载脚本

babylon是可以定制的,从最简单的实现基本的功能到具备完善的材质和碰撞检测.你可以在bablon的官方网站自定义的下载他们. 如果你选择了一些组建,那么你下载下来的名字很可能就是babylon.custom.js 注意,全功能的版本超过1m的大小.

辅助脚本

除了主程序之外,你还需要2个辅助的脚本.他们也都很有用处

babylonjs.loaders

babylonjs.loaders用于增加对3D文件的支持.也就是支持像GLTF(GL TransmissionFormat/图形语言交换格式)这样的文件. 以便于支持3D模型的数据交换.作为GLTF的入门了解,你可以看一篇国内的文章GLTF——3D图形界的JPEG

pep.js

pep.js是一个管理指针事件的脚本,用途是统一指针事件在不同浏览器上的表现,要知道,这是个吃力不讨好,而且维护工作量巨大的事情.你应该尽早让这个脚本载入, 一般把这个脚本放在头部头部,css区域的下面.pep.js的仓库

pep脚本也可以和jQuery一起使用, 你应当把pep脚本放在jquery脚本之前

说实话,这几个脚本的网站的链接速度都不太好.所以我还是强烈建立你下载到本地会比较好.就像这样:

hello world

程序员的开场白. hello world
下面是一demo程序.为了方便演示.代码我都写在html中了.注意看注释. 建议你使用遵守W3C规范的浏览器.(chrome,firefox等)

如果不出问题的话,会出现以下和谐画面:

demo1.png

如果没有,请打开你的控制台(一般是按F12),查看出错原因.