[Javascript][Mootools]IntoTheSky JS版本
作者:勤卓 日期:2009-11-26
在用AS写了上个Flash小游戏之后,我闲来无事,决定用Javascript将这个游戏重写一下,而使用的JS类库就是Mootools,因为Mootools在OOP式开发上提代了大量支持,尤其是Class.Extras中的Events类,让事件驱动开发成为可能。
由于JS和AS的同宗同源,把AS改成JS,并没有改动多少代码,如果对比这个游戏的JS和AS源码,就会发现游戏里的各个类结构基本是一样的。最主要的变化在于,将FLASH中的显示对象(DisplayObject)改成DOM对象显示,因此改写游戏并没有花费我多少时间。
最终游戏效果在IE下执行效率不好,在FF/Chrome下还可以,基本上和Flash相差不大,由于JS在图形处理上并不如Flash一般强大,所以游戏中的元素只是使用是最基本的DIV来意思一下。
由于JS和AS的同宗同源,把AS改成JS,并没有改动多少代码,如果对比这个游戏的JS和AS源码,就会发现游戏里的各个类结构基本是一样的。最主要的变化在于,将FLASH中的显示对象(DisplayObject)改成DOM对象显示,因此改写游戏并没有花费我多少时间。
最终游戏效果在IE下执行效率不好,在FF/Chrome下还可以,基本上和Flash相差不大,由于JS在图形处理上并不如Flash一般强大,所以游戏中的元素只是使用是最基本的DIV来意思一下。
Tags: Javascript Mootools 游戏开发
[Javascript][Mootools]跟随页面滚动的浮动层
作者:勤卓 日期:2009-01-25
[Javascript][Mootools]用渐进增强的方式开发选项卡(Tabs)(七)
作者:勤卓 日期:2009-01-19
[Javascript][Vector3D类]旋转效果(四)
作者:勤卓 日期:2009-01-16
[Javascript][Vector3D类]旋转效果(三)
作者:勤卓 日期:2009-01-16
[Javascript][Vector类]旋转效果(二)
作者:勤卓 日期:2009-01-15
这个旋转效果是我在看到一个FLASH后想到用Javascript来实现下,于是便有了这个效果,通过鼠标来移动来旋转圆环,旋转的方向与鼠标移动的方向相反。相较于Flash,我这个JS版的效果与效率都大打折扣,纯粹是我想看看能否通过Vector类来完成这些东西罢了。
旋转效果(二)与旋转效果(一)相比,有好几个相同的方法,可以通过Mootools.js里Class类的extend或者implement方法来消除重复的代码编写,我这里偷懒,写成了两个独立的类。
旋转效果示例
旋转效果(二)与旋转效果(一)相比,有好几个相同的方法,可以通过Mootools.js里Class类的extend或者implement方法来消除重复的代码编写,我这里偷懒,写成了两个独立的类。
旋转效果示例
Tags: Javascript Mootools Vector


