Turbulenz 开源html2D/3D游戏引擎USER GUIDE

Turbulenz开发团队宣布开源Turbulenz HTML5游戏引擎,该项目基于MIT许可证。目前项目托管在GitHub上,文档详细介绍了如何建立开发环境以及如何使用Turbulenz Engine API,欢迎查看。

近日,Turbulenz开发团队宣布开源Turbulenz HTML5游戏引擎,该项目基于MIT许可证。目前项目托管在GitHub,详细介绍了如何建立开发环境以及如何使用Turbulenz Engine API(点击查看文档)。

Turbulenz 开源html2D/3D游戏引擎USER GUIDE

Turbulenz允许所有构建基块的开发人员创建高质量和硬件加速的2D、3D游戏,该项目可适用于多个平台包括手机、平板及Web;提供给了易于安装的SDK,支持Windows、Mac OS X、GNU/Linux等系统。

Turbulenz 开源html2D/3D游戏引擎USER GUIDE

未来的SDK版本基于MIT许可证下开源(早期的SDK版本使用的是半开放式的,如今已停用)。

Turbulenz包含所有可重用的游戏解决方案,包括,2D/3D图形,2D/3D效果、场景图形、用户输入、动画等等许多实用的应用。

Turbulenz在线文档:http://docs.turbulenz.com/

 

 

 

在他们的主页上试玩了几款游戏,感觉渲染的还不错值得一试。

开始使用Turbulenz的 APIs

尝试Turbulenz API只需要一个文本编辑器和浏览器,如Mozilla Firefox谷歌浏览器。

开始通过创建一个新文件。该文件的HTML文件扩展名为turbulenz_example.htmlplace。

在该文件中添加如下基本HTML标签:

<html>
<head>
    <title>Turbulenz - Getting Started Guide - API Example</title>
    <!-- Script includes go here -->
</head>
<body>
    <canvas id="canvas" width="640px" height="480px"/>
    <script>
        /* Game code goes here */
    </script>
</body>
</html>

代码中<canvas>标签,Turbulenz将认为这是游戏窗口,在这种情况下我们绘制了640x480像素的窗口。开始使用核心turbulenz engine和其图形库,改变画布元素的背景颜色:

<script src="jslib/debug.js"></script>
<script src="jslib/webgl/turbulenzengine.js"></script>
<script src="jslib/webgl/graphicsdevice.js"></script>

下一步我们初始化WebGL 引擎并且传递一个引用到<canvas>标签:

TurbulenzEngine = WebGLTurbulenzEngine.create({
    canvas: document.getElementById("canvas")
});

TurbulenzEngine允许你创建各种低级模块的对象,比如图形设备,声音设备,网络设备。比如我们可以创建一个图形设备:

var graphicsDevice = TurbulenzEngine.createGraphicsDevice({});

有了它我们可以开始控制canvas内的颜色显示,我们先初始化一组颜色的列表:

var r = 1.0, g = 1.0, b = 0.0, a = 1.0;

    var bgColor = [r, g, b, a]; 

在TurbulenzEngine里面颜色是有四个元素组成的,分别是RGB ALPHA,他们的值都在0-1之间。

接下来我们创建一个update()函数,作为我们整体游戏的循环。

function update() {
    /* Update code goes here */
}

    TurbulenzEngine.setInterval(update, 1000 / 60);


 


 





 

 

 

 

 

Turbulenz 开源html2D/3D游戏引擎USER GUIDE,布布扣,bubuko.com

Turbulenz 开源html2D/3D游戏引擎USER GUIDE

上一篇:web.xml(3)_filter


下一篇:下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码。