摘要： 返回目录 1.什么时候需要场景对象？ 　　场景对象有区别于上一篇介绍的地图对象，它们分别应用于不同类型的游戏。之前的地图对象应用于格子类的游戏，例如推箱子，坦克大战。而本节介绍的场景对象，则适用于拥有特定场景的游戏，例如超级玛丽，恐龙快打等。这类游戏通常在2d场景内控制一个玩家对象，随着玩家的移动，场景跟着移动。 阅读全文

摘要： cnGameJS是本人开发的一个基于HTML5的游戏框架，包括资源加载，碰撞检测，动画等模块。本系列文章主要介绍各个模块的开发流程，以及附上一个使用该框架进行开发的小游戏demo：《超级玛丽游戏demo》 阅读全文

摘要： 功能说明： 基于HTML5的超级玛丽游戏的demo，方向键左右控制移动，方向键上控制跳跃，该游戏基于本人开发的HTML5游戏框架cnGameJS（详情点击这里：HTML5游戏框架cnGameJS开发实录）。 请用最新版本浏览器查看。效果展示：代码实现： 该游戏demo主要包含的元素有：资源加载，外部输入，碰撞检测，动画，游戏循环以及场景，我将一步步进行分析讲解。 1.资源加载： 我们首先要有一个游戏对象，代表一个关卡。该对象有如下三个方法：initialize，update和draw。它们分别的功能是初始化，更新所有游戏元素和绘制所有游戏元素。在游戏开始前，必须先加载所有图片资源... 阅读全文

摘要： 功能说明： 利用css的border实现图片的翻转效果，支持从上到下、从下到上，从左到右，从右到左四种翻转。 兼容IE 7 8 9 10 firefox chrome 阅读全文

摘要： 功能说明： 1.鼠标点击房间内家具则视觉焦点移动到该家具。 2.鼠标点击空白处则视觉移动相应距离。 3.鼠标滚轮控制缩放比例大小。 兼容IE 5 6 7 8 9 10 firefox chrome 阅读全文

摘要： 功能说明： 通过鼠标移动，实时绘制出3d旋转的线条。 兼容IE 5 6 7 8 9 10 firefox chrome 阅读全文

摘要： 功能说明： 1.支持自动和手动两种模式：自动模式下自动旋转展示，手动模式下通过鼠标选择当前图片，或通过提供的接口选择上一张/下一张图片。 2.可自行添加旋转的缓动模式，默认模式为：匀速，先快后慢，先慢后快。 3.可自定义旋转轨迹的宽和高。 4.支持IE6 7 8 9 10 firefox chrome等浏览器。 阅读全文

摘要： 在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 阅读全文

摘要： 本文中，我将会通过类数组对象（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引擎并不会根据储存数据的数量来自动计算类数组对 阅读全文

摘要： 效果预览：支持行拖动，列拖动的表格插件col1_headcol2_headcol3_headcol4_head12342345345645674678功能说明：当鼠标移动到表头区域时可以对列进行拖动排序，鼠标移动到行区域时可以对行进行拖动排序。支持IE6 7 8 firefox chrome实现原理：当鼠标在表头区域按下时，复制现有的table（不复制其后代结点），并把选择列的所有元素复制添加到新table中，通过按下时的鼠标位置和鼠标移动坐标，确定新table的位置，在行区域按下时同理。代码分析：var SortTable = (function() { returnfunction(... 阅读全文