html5 俄罗斯方块 ----kinetic 应用开发介绍 1

来源:互联网 发布:海岛奇兵多管数据 编辑:程序博客网 时间:2024/05/06 05:07

      web中绘制图形一直以来都是一个web应用中的难题,传统的解决方法基本都是基于SVG或者VML 的实现,开发程序多年但是从来也没有机会开发过图形绘制的程序,回想前年第一次看的JAVAEYE上有一个网友研究的web版本的流程设计器是心情甚是激动,感觉也非常新鲜,网页中竟然可以搞这个,他当时只是放出几张图片,一直都没有放源码,新的项目中有非常重要的一个功能就是图形绘制和连线算法。当时考察了SVG 和VML 最后还是把目标放在了html5 的canvas 直接一步到位吧,尽管目前canvas还是非常不成熟,问题也非常之多,但是canvas毕竟是大势所趋。

       我们在项目中使用canvas 是kineticjs 这是一个功能非常好的canvas类库,封装很多在图形开发和游戏开发中常用的事件,拖拽,group ,动画 还有一些简单的特效使用起来非常方便。有一点不方便的就是全都是英文版本,需要有点耐性,但是API 非常简单示例也非常详细,一般人应用起来应该不能问题,这里我就是通过这个游戏简单的介绍一下kineticjs在游戏开发中的用法,覆盖的kinetic的用法非常有限,有兴趣的还是要自己深入研究

 

空闲时间不是非常多,所以游戏没有完全开发完成,但是完成了主要骨架,和核心功能,在目前使用中我也发现了三个小bug但不影响使用懒得该,凑活看吧

 

        本人也是第一次开发游戏类的东西,没有参考别人的实现方式,虽然大部分功能都实现了,可能在算法上不见得的效率高,后边还会有两节是介绍俄罗斯方块的算法的,



 

 

 

 

原创粉丝点击