摘要:返回目录 1.功能     该模块是游戏的入口,我们通过该模块加载资源,并且在资源加载完成后调用游戏对象的入口函数。另外该模块还包括游戏场景之间的切换,以及加载百分比的计算和显示。 阅读全文
posted @ 2012-02-14 12:41 Cson 阅读(3040) 评论(4) 推荐(2) 编辑
摘要:cnGameJS是本人开发的一个基于HTML5的游戏框架,包括资源加载,碰撞检测,动画等模块。本系列文章主要介绍各个模块的开发流程,以及附上一个使用该框架进行开发的小游戏demo:《超级玛丽游戏demo》 阅读全文
posted @ 2012-02-14 12:39 Cson 阅读(14046) 评论(8) 推荐(9) 编辑
摘要:功能说明: 基于HTML5的超级玛丽游戏的demo,方向键左右控制移动,方向键上控制跳跃,该游戏基于本人开发的HTML5游戏框架cnGameJS(详情点击这里:HTML5游戏框架cnGameJS开发实录)。 请用最新版本浏览器查看。效果展示:代码实现: 该游戏demo主要包含的元素有:资源加载,外部输入,碰撞检测,动画,游戏循环以及场景,我将一步步进行分析讲解。 1.资源加载: 我们首先要有一个游戏对象,代表一个关卡。该对象有如下三个方法:initialize,update和draw。它们分别的功能是初始化,更新所有游戏元素和绘制所有游戏元素。在游戏开始前,必须先加载所有图片资源... 阅读全文
posted @ 2012-02-14 12:37 Cson 阅读(13119) 评论(4) 推荐(5) 编辑
摘要:功能说明: 利用css的border实现图片的翻转效果,支持从上到下、从下到上,从左到右,从右到左四种翻转。 兼容IE 7 8 9 10 firefox chrome 阅读全文
posted @ 2012-02-01 21:54 Cson 阅读(2191) 评论(3) 推荐(3) 编辑
摘要: 功能说明: 1.鼠标点击房间内家具则视觉焦点移动到该家具。 2.鼠标点击空白处则视觉移动相应距离。 3.鼠标滚轮控制缩放比例大小。 兼容IE 5 6 7 8 9 10 firefox chrome 阅读全文
posted @ 2012-01-31 16:11 Cson 阅读(3590) 评论(0) 推荐(4) 编辑
摘要:功能说明: 通过鼠标移动,实时绘制出3d旋转的线条。 兼容IE 5 6 7 8 9 10 firefox chrome 阅读全文
posted @ 2012-01-29 01:17 Cson 阅读(4165) 评论(23) 推荐(13) 编辑
摘要: 功能说明: 1.支持自动和手动两种模式:自动模式下自动旋转展示,手动模式下通过鼠标选择当前图片,或通过提供的接口选择上一张/下一张图片。 2.可自行添加旋转的缓动模式,默认模式为:匀速,先快后慢,先慢后快。 3.可自定义旋转轨迹的宽和高。 4.支持IE6 7 8 9 10 firefox chrome等浏览器。 阅读全文
posted @ 2012-01-15 16:03 Cson 阅读(2171) 评论(16) 推荐(5) 编辑
摘要:在IE下,当eval遇上function,IE下会出现怪异情况,我们用例子一步步说明:情况1:eval里没有function,直接执行:eval("alert('ss');");//所有浏览器正确均输出情况2:eval里有function,function立即执行:eval("(function(){alert('ss');})();");//所有浏览器正确输出情况3:eval里有function,使用变量保存function引用并调用该function:var f=eval("(function(){alert 阅读全文
posted @ 2011-08-07 20:44 Cson 阅读(1640) 评论(6) 推荐(4) 编辑
摘要:本文中,我将会通过类数组对象(array like object),探索javascript中的length属性的一些秘密。例子1:var obj={0:'a',1:'b'}alert(obj.length); //undefinedvar arr=['a','b']alert(arr.length); // 2从上面的例子看,类数组对象中的length属性并不和它储存的数据数量直接挂钩,无论是索引属性(0,1)还是length属性都作为对象的普通属性存在,它们之间并没有任何关系,js引擎并不会根据储存数据的数量来自动计算类数组对 阅读全文
posted @ 2011-07-30 23:12 Cson 阅读(1392) 评论(6) 推荐(1) 编辑
摘要:效果预览:支持行拖动,列拖动的表格插件col1_headcol2_headcol3_headcol4_head12342345345645674678功能说明:当鼠标移动到表头区域时可以对列进行拖动排序,鼠标移动到行区域时可以对行进行拖动排序。支持IE6 7 8 firefox chrome实现原理:当鼠标在表头区域按下时,复制现有的table(不复制其后代结点),并把选择列的所有元素复制添加到新table中,通过按下时的鼠标位置和鼠标移动坐标,确定新table的位置,在行区域按下时同理。代码分析:var SortTable = (function() { returnfunction(... 阅读全文
posted @ 2011-07-08 20:41 Cson 阅读(4316) 评论(40) 推荐(8) 编辑