Html5+js实现俄罗斯方块
来源:互联网 发布:java使用框架的好处 编辑:程序博客网 时间:2024/06/10 10:46
代码测试地址:测试
1、使用的知识点
html5
javascript
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)其他待实现功能
积分
升级
……
代码设计及实现请参见: 代码设计
代码下载:
下载
0 0
- HTML5+JS实现俄罗斯方块
- Html5+js实现俄罗斯方块
- js实现俄罗斯方块
- js实现俄罗斯方块
- Html5俄罗斯方块
- HTML5-俄罗斯方块
- 纯js实现俄罗斯方块[效率待优化]
- js版俄罗斯方块设计思想及实现
- 纯js实现俄罗斯方块详解与源码
- js 俄罗斯方块
- JS-俄罗斯方块
- js 俄罗斯方块
- js俄罗斯方块
- html5 俄罗斯方块 ----kinetic 应用开发介绍实现算法 2
- HTML5 俄罗斯方块 V1.0
- HTML5 canvas 俄罗斯方块。。。
- html5-俄罗斯方块分析
- HTML5的俄罗斯方块
- JNI——实现Java与C的协同工作(二)
- 解决JSP中文乱码问题汇总
- nginx+keepalived来实现nginx服务器的高可用
- Lua 程序设计学习(1)
- 一个不错的定时程序,写的很好的
- Html5+js实现俄罗斯方块
- 64bit windows 7 VMWare+ 64bit Ubuntu12.04 uboot ,kernel,android编译环境搭建教程
- nginx+keepalived实现nginx双主的高可用
- 压缩响应问题---HttpServletResponse对象增强
- 进程间通信——信号量、互斥锁等的异同
- 【设计模式基础】行为模式 - 1 - 观察者(Observer)
- 第一篇
- HDU 1171(完全背包)
- 如何从人群中看出真正优秀的人