javascript俄罗斯方块小游戏

任务要求

用javascript实现一个经典的“俄罗斯方块小游戏”
要求：能计分，有不同关卡（速度不同），有高分榜,
chrome 30+以上浏览器能正常玩，主流android，iphone手机能玩

设计思路

方块有如下几种基本形状,分别对应代码里的七个数组：
方块变换方式采用将每个方块的四种变换结果均预先存在数组，
例如：
[[0,0,0,1,1,1,2,1], [1,0,1,1,1,2,0,2], [0,0,1,0,2,0,2,1], [0,0,1,0,0,1,0,2]];即对应上述形状1 的四种变换。
每次移动方块，改变的均是（x, y）的值，然后以（x, y）为基坐标，绘制每个方块内部的小方块。下图对应上述数组的第一种变换。

任务进度：

用时约三天，前两天主要完成js部分，实现了基本游戏功能，移动端也做了简单的适配，接下来要就是添加css样式，以及一些页面动画。

（声明：方块变换方式有参考网上，但具体实现及全部代码均为自己所写，并没有UI designer，所以游戏界面如果不太美观的话，，，）

在线演示： http://husterxsp.sinaapp.com/tetris/

github：https://github.com/husterxsp/tetris

javascript俄罗斯方块小游戏相关推荐

JavaScript经典小游戏
最近看了几本JavaScript的本,主要想学习下JavaScript面向对象的编码方式,想从游戏入手,特收集了一些JavaScript经典小游戏(下载地址:http://download.csdn. ...
c++ 小游戏_C/C++编程新手入门基础系列：俄罗斯方块小游戏制作源代码
这篇文章主要为大家详细介绍了C语言实现俄罗斯方块小游戏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下. 1.要先下载一个 graphics.h 的头文件来绘图. 2.初始化窗口:initgraph ...
基于stm32、0.96寸OLED实现的俄罗斯方块小游戏（详细源码注释）
概述:本实验基于stm32最小系统.0.96寸OLED(68*128)和摇杆实现一个经典的俄罗斯方块小游戏.项目源码地址:点击下载. 硬件要求: 普通摇杆,两个电位器和一个开关组成,左右摇动控制一个电 ...
Python编写俄罗斯方块小游戏
俄罗斯方块是俄罗斯人发明的一款休闲类的小游戏,这款小游戏可以说是很多人童年的主打电子游戏了,本文我们使用 Python 来实现这款小游戏. 很多人学习python,不知道从何学起. 很多人学习pyth ...
3d游戏编程大师技巧源代码_C/C++编程入门基础系列：俄罗斯方块小游戏制作，直接源代码分享...
这篇文章主要为大家详细介绍了C语言实现俄罗斯方块小游戏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 1.要先下载一个 graphics.h 的头文件来绘图. 2.初始化窗口:initgraph( ...
html+css+javascript实现小游戏2048（详解，附源代码）
html+css+javascript实现小游戏2048(详解,附源代码) 1.上下左右的移动原理相同,这里只详细说明向上移动的方法 2.这里的上下左右由wasd四个键控制 3-小方块空的意思就是没数 ...
分享一个蛋疼的俄罗斯方块小游戏
分享一个蛋疼的俄罗斯方块小游戏空间转载请注明出处.http://www.cnblogs.com/dave_cn/ 我在Ubuntu 10.04下测试过,可以正常运行.不过界面让人蛋疼. 代码用到了 ...
java俄罗斯方块七中图形类_shell中的俄罗斯方块小游戏
搜索热词俄罗斯方块的shell脚本 #!/bin/Bash # Tetris Game #APP declaration APP_NAME="${0##*[\\/]}" APP_ ...
c/c++ 实现俄罗斯方块小游戏（附全部源码）
目录前言一.游戏截图和全部代码 1.游戏截图 2.源代码头文件代码 cpp文件代码二.easyX库安装三.宏定义.变量的说明 1.方块像素 2.游戏地图区域 3.预生成方块区域 4.玩家数据 ...

javascript俄罗斯方块小游戏

任务要求

设计思路

任务进度：

javascript俄罗斯方块小游戏相关推荐

最新文章

热门文章