html5触摸界面设计与开发_2019年7款超棒免费开源的HTML5游戏引擎

教你画像素画原创教程

HTML5(以下简称H5)干掉了Flash,H5游戏占领了浏览器。如果你想开发H5游戏,选择一款好用的开源H5引擎非常有必要。

GDevelop

GDevelop是一款2D H5游戏引擎,专为初学者和专业开发者设计。强大的事件系统,可以在不了解编程语言的情况下开发H5跨平台游戏。详细的官方教程帮助你快速上手。

be375b70fb1034cff9d7c5356c106011.png

下载地址:https://gdevelop-app.com/download/

Phaser

Phaser是一款2DH5游戏引擎,开发环境类似Flash。由开源开发者社区提供支持。它可以创建基于手机和桌面浏览器的游戏。有两个主要版本,即Phaser CE和Phaser 3. Phaser CE是旧版本,Phaser 3是最新的稳定版本。

703ea3fb4fd4c131e2a4767fa93f7e7f.png

下载地址:https://github.com/photonstorm/phaser

PixiJS

PixiJS是一种2D WebGL渲染器。当开发者专注于游戏开发时,引擎会自动解决设备兼容性。如果想要创建跨平台的游戏和应用,它是不错的选择。

5c6bcb2b6f016f1ab33639d67197797a.png

下载地址:https://github.com/pixijs/pixi.js

Babylon.js

Babylon.js是一款3D H5游戏引擎。利用WebGL API渲染游戏。它还有一个在线沙盒,允许测试引擎API。毫无疑问,它是最好的开源HTML5和JavaScript游戏引擎之一。

1cd9e037fec8a345ce7bc47e4bde22ba.png

下载地址:https://github.com/BabylonJS/Babylon.js

Crafty JS

Crafty JS是最好的开源H5游戏引擎之一。它的主要功能包括事件绑定,组件和实体,不需要自定义绘图或DOM操作。它还拥有一个竞争激烈的高素质开源开发者社区,他们随时可以提供帮助。

c759726608d797aff2d55b75f6bc1659.png

下载地址:https://github.com/craftyjs/Crafty

melonJS

melonJS是一款H5游戏轻量级引擎。这个JS库的好处是没有任何依赖性,只需要一个能够支持H5的Web浏览器。主要功能是跨平台,支持加速度和设备运动,补间效果,对象池,基本动画管理,鼠标和触摸设备支持等。

f0340b2dc5be7b3bf2a3eed04115590d.png

下载地址:https://github.com/melonjs/melonJS

PlayCanvas WebGL

PlayCanvas是开源3D H5游戏引擎,可以创建一些非常漂亮的3D游戏和交互式动画。使用它的公司有Facebook,三星,迪士尼,Miniclip,Mozilla,King,ARM,Zynga等。

dd8d996e0256e66aa19f8fa86dedc3d2.png

下载地址:https://github.com/playcanvas/engine

完。

随着html5 相关技术的兴起,因其跨平台的特性,和标准的日益完善。html5相关技术越来越多的被应用到前沿app的开发中,尤其是html5 小游戏的开发。 Laro 是一个基于html5 canvas的用于平面2d或者2.5d游戏制作的轻量级游戏引擎。 因为当前canvas作为画布形态的dom元素,并提供了大量关于矢量图以及texture绘制的api,但是由于其本身提供的api太过于底层,在类似游戏这一类交互性,逻辑性较为复杂的app时。需要开发者编写大量底层的api来实现本身的业务逻辑。 Laro出现的目的是为了简化使用canvas制作游戏时的api调用。同时提供了一套“有限状态机”的开发模式,这种模式在对于游戏这一类的典型的“事件驱动”的模型的开发上。能够很好的做到模块间的低耦合,利于开发者梳理整个开发逻辑。 Laro 游戏引擎目前已经完成了游戏开发中所需要的模块和api的封装,并有一些实际的Demo和TestCase供使用者参考。而且随后会结合这个引擎整理出一套用于html5 小游戏开发的可视化编辑工具。 旨在帮助开发者更快更容易的搭建一小游戏为目的。 目前已经开源到github (https://github.com/AlloyTeam/Laro) 我们团队希望通过Laro的不断完善,能够帮助更多的html5 小游戏开发者以更快的速度,更优的质量完成 html5小游戏 产业化的开发。 Version Log 0.1 - 基础模块搭建 0.2 - 融入jcanvas,配合鼠标事件处理 0.3 - 加强状态机模块 查看以下demo最好使用chrome  : ) http://hongru.github.com/proj/laro/examples/emberwind/ http://hongru.github.com/proj/laro/examples/typeshot/index.html http://hongru.github.com/proj/laro/examples/jxhome/ http://heroes.github.com/world-of-heroes/development/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值