Html5+js实现俄罗斯方块
2014-01-14 23:40
260 查看
代码测试地址:测试
1、使用的知识点
html5javascript
2、需要实现的功能
俄罗斯方块普通玩法3、分析功能实现
(1)组合方块,共7中形状,可静态指定(由4个方块组合)(2)实现组合方块的下移、左移和右移
如图所示:
组合图形左移即 x坐标减1
组合图形右移即 x坐标加1
组合图形下移即 y坐标加1
(3)实现组合图形旋转
假设对图片上任意点(x,y),绕一个坐标点(rx0,ry0)逆时针旋转RotaryAngle角度后的新的坐标设为(x', y'),有公式:
x'= (x - rx0)*cos(RotaryAngle) + (y - ry0)*sin(RotaryAngle) + rx0 ;
y'=-(x - rx0)*sin(RotaryAngle) + (y - ry0)*cos(RotaryAngle) + ry0 ;
90°旋转公式简化
x'=y - ry0 + rx0 ;
y'=-(x - rx0)+ ry0 ;
(4)方块消除(是方块而非组合图形)
判断每一行是否填满,填满即可消除
(5)其他待实现功能
积分
升级
……
代码设计及实现请参见:
代码设计
代码下载:
下载
相关文章推荐
- HTML5+JS实现俄罗斯方块原理及具体步骤
- 用C++实现俄罗斯方块
- VC++ 6.0 C语言实现俄罗斯方块教程
- 纯JavaScript实现俄罗斯方块(详细注释,ES6)
- 60行js代码实现俄罗斯方块
- windows下实现win32俄罗斯方块练手,编程的几点心得
- Android版俄罗斯方块的实现
- 俄罗斯方块 1 (实现移动和相关显示)
- H5实现俄罗斯方块(四)
- 用Shell实现俄罗斯方块代码(Tetris.sh)
- H5实现俄罗斯方块(二)
- JAVASCRIPT实现网页版:俄罗斯方块
- 实现俄罗斯方块的下落
- HTML5 实现的一个俄罗斯方块实例代码
- shell脚本实现俄罗斯方块
- 52行c代码实现俄罗斯方块
- Flash8俄罗斯方块实现中的难点和技巧
- console下纯字符实现的俄罗斯方块
- 俄罗斯方块:Python实现
- 84行代码实现俄罗斯方块