Turbulenz开发团队宣布开源Turbulenz HTML5游戏引擎,该项目基于MIT许可证。目前项目托管在GitHub上,文档详细介绍了如何建立开发环境以及如何使用Turbulenz Engine API,欢迎查看。
近日,Turbulenz开发团队宣布开源Turbulenz HTML5游戏引擎,该项目基于MIT许可证。目前项目托管在GitHub,详细介绍了如何建立开发环境以及如何使用Turbulenz Engine API(点击查看文档)。
Turbulenz允许所有构建基块的开发人员创建高质量和硬件加速的2D、3D游戏,该项目可适用于多个平台包括手机、平板及Web;提供给了易于安装的SDK,支持Windows、Mac OS X、GNU/Linux等系统。
未来的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);