Babylonjs 初级教程---微软的基于webgl的H5 3D游戏引擎

Babylon.js 页面图像库 游戏创建系统!

Hi!欢迎阅读 Babylon.js 初级教程, 这是后面学习最棒的基于Javascript的网页图形库框架所需必备知识的一个基础介绍.
你想知道什么是框架么?  你可以把框架认为成 建筑里的脚手架, 它支撑你围绕它创建新东西而不必为底层细节操心. Babylon.js构造里一个复杂的系统, 让网页图形库更容易使用.

我们希望以一种非常快速的方式教给你大量的信息.  通常这里的任务都有多于一种方式达成.  我希望你自己去发现其它的方式.  根据对Babylon.js初学者特点的研究, 现在我们教你最快最简单的方式.

浏览器

简而言之,你需要一个支持WebGL并且激活了javascript的浏览器.  IE11+, Firefox 4+, Google Chrome 9+, Opera 12+, 等都可以.  WebGL 也被许多移动设备等浏览器支持.  请你自己调查移动设备的WEBGL详细情况, 但是你需要知晓的是 Babylon.js 有许多特性在设计时考虑了移动设备WebGL的.  此外, Babylon.js 已经全面支持沉浸式立体视野和虚拟现实头盔!

有用链接

可点击链接  可找到内容
BabylonJS 主站   许多很棒的演示而且底部有有用的链接
BabylonJS 论坛 询问,助人,预见小伙伴
BabylonJS GitHub 站点   下载, 教程, 和许多链接 (在那个页面的底部)
BabylonJS API 文档 所有Babylon.js类的完整 API 图册
BabylonJS 娱乐场   在线的,白板式 基础场景测试站点
BabylonJS 沙箱 在线测试从建模工具导出的 .babylon 文件.

场景文件格式

尽管我们有另一个教程盖含基础场景, 我仍然希望你现在检查下一个基本的 Babylon.js 场景文件的内容.  所以我们现在就开始:

它是个大图片,不是么?   这是个完整的 Babylon.js 场景, 使用 ‘简单的 HTML 文件’ 的方法.  这不是唯一(也不是最好)的设置一个场景的方法, 但是快速而简单.  我已经在”大图片上”的重要段上标色,而且我们现在就一段段段查看.

外部包含 - 红色部分

‘包含’ 不一定是对 图中红色部分的最好的描述方式, 但是在这个教程中我会常常使用这中方式.  三个外部的Javascript文件被包含到这个场景里.

第一个从外部包含的是 hand.minified-1.2.js (通常简称为hand.js) - 一个用来辅助Babylon.js相机的小Javascript框架.

下一个是 cannon.js - 一个可选的物理 ‘引擎’, 其使WebGL里的造型(网格)的行为像真实生活里的物体对象.

之后的是 oimo.js - 一个不同的物理 ‘引擎’, 其表现的功能有点像 cannon.js, 但是它更快速高效, 尽管它缺少 cannon.js中出现的许多高级特性.

最重要是 Babylon.js 框架, 我们的骄傲与荣幸.

每个包含都是 JavaSCRIPT 文件, 所以它们被放在使用 HTML的

你可能感兴趣的:(webgl,H53D,BabylonJS,webgl,游戏引擎,babylonjs,h53d)