代码模块构思

最下面一层:7种基本的方块模型。可以根据自己爱好添加各种形状

倒数第二层:方块模型集合,调用方块形状

game.js: 俄罗斯方块主体架构

local.js:  激活游戏

暂时先实现最后两层以及部分的 game.js(主要展示核心代码)

矩阵区域

10*20的矩阵区域,在页面上用div进行展示

由于页面中不仅要展示整个俄罗斯方块游戏区域,还要提醒下一个即将出现的图形,再用一个div进行展示

即将出现的方块模型

进入游戏区域内部已经出现并进行移动的方块

操作函数

键盘事件

方向改变

利用x和y值的加减进行方块的移动,以及判断是否可以进行相应操作。

其他方向与上面代码类似,只是改变一下函数名以及对应的 x 和 y 的值

旋转操作

检测函数

检测点是否合法

检测数据是否合法

消除移动轨迹

动态展示方块移动情况

方块的移动

对于 game.js 函数暂时实现静态的功能

方块模型

方块模型使用矩阵进行设置,再进行对象调用,在原型链上进行方法的编写,有利于函数调用,减少代码量

根据矩阵内部的数字进行方块的形成

数字代表含义:

0   没有方块

1   已经使用过的方块   灰色

2    用户正在操作的方块  粉色

其余的方块编写方式一样,最后一句(在原型链上进行覆盖编写方法):

Square5.prototype = Square.prototype;

使用index(为随机值)进行随机选择输出某一方快

剩下的部分:开始,结束,消行,计时,计分等功能

Mr.J--俄罗斯方块实现(框架)相关推荐

  1. Mr.J -- yield关键字生成器产生值

    yield是什么 yield是ES6的新关键字,使生成器函数执行暂停,yield关键字后面的表达式的值返回给生成器的调用者.它可以被认为是一个基于生成器的版本的return关键字. yield关键字实 ...

  2. Hello,Mr.J——唠唠叨叨年终总结

      有想写什么的想法的时候,圣诞的阳光还在还能通过对面的大楼反射回来,等真正的有时间动手开始写,已经能听到外面路人在商量跨年的声音了,倒不是没有心思写,只是总习惯安静的找出大段的时间专注于一件事情.在 ...

  3. Android版俄罗斯方块的实现

    学习Android的基本开发也有一段时间了,可是由于没有常常使用Android渐渐的也就忘记了. Android编程学的不深,不过为了对付逆向,可是有时还是会感到力不从心的.毕竟不是一个计算机专业毕业 ...

  4. 面试:你说你精通Java并发,给我讲讲Java并发之J.U.C

    转载自 面试:你说你精通Java并发,给我讲讲Java并发之J.U.C J.U.C J.U.C即java.util.concurrent包,为我们提供了很多高性能的并发类,可以说是java并发的核心. ...

  5. Mr.J-- 简单生日页面制作

    由于本次页面使用的图片涉及个人隐私,已经打码处理. 信息量不小,大家慢慢食用(滑稽.png) <!-- 制作人:Mr.J联系方式:2538808265(QQ)blog: https://blog ...

  6. unity3d俄罗斯方块源码教程+源码和程序下载

    小时候,大家都应玩过或听说过<俄罗斯方块>,它是红白机,掌机等一些电子设备中最常见的一款游戏.而随着时代的发展,信息的进步,游戏画面从简单的黑白方块到彩色方块,游戏的玩法机制从最简单的消方 ...

  7. java俄罗斯方块视频_[VIP视频]【A0233】java面对对象编程-俄罗斯方块视频教程 高清视频 百度云 百度网...

    Java视频教程名称:java面对对象编程-俄罗斯方块视频教程  俄罗斯方块视频教程 $ X0 X1 Z: W4 P3 T  e. m3 q百度网盘下载链接: . M% x- I- V5 p( J 游 ...

  8. 大数据流式处理框架Flink介绍

    1.Flink的介绍 随着数据的飞速发展,出现了很多热门的开源社区,比如:hadoop.spark.storm社区,他们都有各自专注的适用场景,比如hadoop主要是做数据的存储及批处理计算,spar ...

  9. 大数据Hive集成python分析框架—搜狗实验室(用户查询日志)—电影评分分析

    一.Spark 大数据分析框架 1.1 数据结构 1.2 SQL语句简介 二.搜狗实验室(用户查询日志)数据分析 2.1获取数据集并初步分析: 2.2 创建数据库/表--导入数据分析 三.电影评分分析 ...

  10. 2.Hadoop 分布式计算框架:Mapreduce(扩展)——Yarn资源调度器

    2.Yarn资源调度器 2.3 YARN resourcemanager-HA搭建 2.3.1 文档查看与集群规划 RM高可用官方网址: http://hadoop.apache.org/docs/r ...

最新文章

  1. java jdk1.8环境变量的配置
  2. 计算机专业学生却被强迫工厂实习?结果发生意外手指被截肢,学校回应:会治到满意为止...
  3. IDC预测2014年9个趋势
  4. 2.2物理层传输介质
  5. 阿里云物联网平台体验(树莓派+Python篇)
  6. SpringBoot热部署环境搭建和原理分析
  7. 中国最大照明企业贱卖给外资 创始人遭下狱 刘强东怒斥:有些人没有道德底线!...
  8. 一. JVM发展史,运行时数据区域,四大引用
  9. WSS 3.0与MOSS 2007重要更新
  10. 虚拟化是什么,主要有哪些虚拟化技术?
  11. WIFI快连协议层原理
  12. QCC3040/QCC3020主要差异对比
  13. 设置桌面上计算机的图标更改,电脑如何修改桌面应用的图标
  14. matlab中数字分频器的,一种基于FPGA的数字分频器设计详解
  15. pytorch转onnx: step = 1 is currently not supported以及Exporting the operator silu to ONNX opset version
  16. 免费https证书生成
  17. 易语言字符代码表(键盘)
  18. macOS 系统打开软件时,会出现提示‘ “***.app”已损坏,无法打开。您应该推出磁盘映像。-解决方法
  19. python练习题——文件的打开、读取、复写
  20. php网站设计文档,企业门户网站设计与实现(word文档)最新版

热门文章

  1. ICCV 2019 | 旷视提出新型抠图方法AdaMatting,刷新最高精度
  2. 国字号遥感算法大赛!涵盖主流视觉任务,头奖10万人民币!
  3. 爬虫案例:利用python爬虫关键词批量下载高清大图
  4. 计算机视觉论文-2021-06-28
  5. pytorch错误解决 | 错误‘Widget Javascript not detected. It may not be installed or enabled properly.‘
  6. Hybrid A*论文解析(4)
  7. springboot 事务统一配置_Spring Boot实现分布式微服务开发实战系列(五)
  8. pg函数同步数据到mysql_将数据从PostgreSQL复制到MySQL
  9. VMware vSphere 6 Enterprise Plus 永久激活许可证-亲测可用
  10. Linux下超大硬盘分构(GPT分区)