摘要： 在网上可以找到很多关于旋转矩形碰撞检测的方法，砖家也有文章对这种碰撞检测作过分析：方向包围盒(OBB)碰撞检测。本文主要是对其中的细节加上一些自己的分析，并结合网上另外一些关于旋转矩形碰撞检测的资料，和大家一起探讨实现的技术细节。 阅读全文

摘要： 如果是涉及到游戏或动画的编程，我们很可能会用到几何变换。如果在大学过线性代数的话，我们就会知道，无论是2d还是3d的几何变换，矩阵都是实现线性变换的一个重要工具。任意线性变换都可以用矩阵表示为易于计算的一致形式，并且多个变换也可以很容易地通过矩阵的相乘连接在一起。本文章主要对如下的变换进行简单的封装，并简单阐述其中的变换原理： 　　1.平移变换：只改变图形的位置，不改变大小。 　　2.旋转变换：保持图形各部分之间的关系，变换后形状不变。 　　3.比例变换：可改变图形大小和形状。 　　4.错切变换：引起图形角度关系的改变，甚至导致图形发生畸变。 　　5.对称变换：使图形对称于x轴或y轴或y=x或y=-x的变换。 阅读全文

摘要： 功能说明： 　　在一分钟内，使用鼠标圈泡泡，其中泡泡的分值分别为10、20、30、-10、-20、-30分，可以一次圈多个泡泡，倒计时结束即计算总分值，该游戏基于cnGameJS。 阅读全文

摘要： 之前看过hongru的事情没有想象中那么难--JX官网首页3D粒子效果，和当耐特砖家的HTML5实验室【三十八】--玩转像素系列【二】，因此自己也试着利用getImageData写一下粒子效果。原理上应该和他们的差不多，不过采用了输入即可得的形式，在文本框输入任何内容，可以在画布中得出输入内容的粒子效果。由于前面两篇文章已经把粒子效果的实现原理阐述得比较清楚，因此这里就不再重新详述，只说说实现时的几个要点。 阅读全文

摘要： 功能说明： 　　基于HTML5的横版射击游戏，参考自flash游戏《双面特工》。方向键控制移动，空格键射击。体验前请先关闭输入法。 　　该游戏基于自己开发的HTML5游戏框架cnGameJS。 阅读全文

摘要： 功能说明： 　　游戏中在躲避敌人攻击的同时，需要收集三种不同的钥匙，开启对应的门，最后到达目的地。 　　该游戏同样基于自己开发的HTML5游戏框架cnGameJS。 　　推荐用chrome浏览器查看。 阅读全文

摘要： 功能描述： 　　左右方向键控制玩家的方向，上下方向键控制玩家的前进和后退。 在上面的效果预览中，可以看到右边是2D的平面地图，而左边的则是第一人称的3D视图，这两幅图的关系是非常密切的，实质上，实现3D视觉的过程，就是依据2D地图把地图转换成第一人称视觉的过程。 　　在之前的一篇文章：《javascript实现3D房间》中，3D效果的实现只局限于平面（意思是从侧面看没有立体效果），在这种有局限性的3D效果中，我们以一个个物体为单位，通过不同物体平面之间的视觉差实现3D。而在这次的效果中，为了使物体从不同角度看都能具有立体效果，我们把单位从平面改成线。 阅读全文

摘要： 功能描述： 结合A*算法和HTML5完成的一个寻路demo。 鼠标点击地图任意位置，飞鸟会寻找最短路程到达该位置。 阅读全文