原生JS写俄罗斯方块

俄罗斯方块你们肯定都玩过, 今天教大家怎么自己写一个

项目地址:https://github.com/Young-18/Sliding-Blocks-with-JavaScript.git

1. 首先理解俄罗斯方块原理:

其实操作背景就是类似于这样的数组:

 宽高可以自己设定, 然后用数组遍历渲染dom,

2.运动的方块类似于这样:

看出来了吧, 就是这样的四个数组变换

3.目录结构:

|-css文件夹

|--------css.css

|-js文件夹

|--------game.js      游戏核心文件, 包括方块运动, 方块旋转, 固定方块, 消除方块, 屏幕刷新, 判断位置是否合法等.

|--------local.js       游戏引入文件, 包括按键行为, 判断方块消除游戏结束.

|--------scrtpt.js      游戏开始文件, 创建local对象, 开始游戏

|--------square.js    游戏运动方块, 

|--------squareFactory.js    游戏运动方块生成

|-index.html