1 / 9
文档名称:

HTML5 俄罗斯方块.doc

格式:doc   大小:51KB   页数:9页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

HTML5 俄罗斯方块.doc

上传人:drp539606 2019/2/24 文件大小:51 KB

下载得到文件列表

HTML5 俄罗斯方块.doc

文档介绍

文档介绍:canvas的接口 上面写的很丰富。写的过程中,参考了很多网上的例子,最后觉得 左洸博客的比较容易好懂。主要分为数据模型,游戏控制模型和工具函数。一数据模型首先考虑的问题就是方块到底是什么?绘制方块,就是canvas里绘制矩形,至少需要知道矩形的起点,宽度和高度。因此,只要确定方块的坐标点,就能根据宽度高度绘制图形。通常,俄罗斯方块有几种TLS|等,每个形状都有一个属于自己的坐标系。因此,所有图形的数据结构为:1234567891011121314/***数据模型*/                                                                                                                 //各种形状的编号,0代表没有形状noShape       =0;zShape        =1;sShape        =2;lineShape     =3;tShape        =4;squareShape   =5;lShape        =6;mirroredLShape=7;                                                                                                                 15161718192021222324shapesData=[    [[0,0],  [0,0],  [0,0],  [0,0]],    [[0,-1], [0,0],  [-1,0], [-1,1]],    [[0,-1], [0,0],  [1,0],  [1,1]],    [[0,-1], [0,0],  [0,1],  [0,2]],    [[-1,0], [0,0],  [1,0],  [0,1]],    [[0,0],  [1,0],  [0,1],  [1,1]],    [[-1,-1],[0,-1], [0,0],  [0,1]],    [[1,-1], [0,-1], [0,0],  [0,1]]];形状最终要画到画布上,在画布上还需要建立一个全局坐标系,即(row,col)的坐标系,与canvas的映射一直,则自身坐标系的x为全局坐标系的col,需要一个简单的转换。例如自身坐标系为[[0,-1], [0,0],  [1,0],  [1,1]]全局坐标系为:12345678910111213[{    row:-1+row,    col:0+col},{    row:0+row,    col:0+col},{    row:0+row,    col:2+col},{    row:1+row,    col:1+col}]转换之后,还有变形,变形的原理是先相对自身的坐标系中原点移动,然后再转换成全局坐标系。公式如下  x=-y,y=x即[[0,-1], [0,0],  [1,0],  [1,1]]变形之后为:[[1,0], [0,0],  [0,1],  [-1,1]]实现函数,作为工具模块的函数。其实最好写成函数式的就比较优雅和简洁1234567891011121314151617181920//转

最近更新

1号泡渣池矿渣水淬爆炸原因探讨 2页

1988年《建筑工人》《建筑技术》合订本现已发.. 2页

1986年上海化肥行业技术进展 2页

18吋连轧机轧制力矩的计算及控制问题的探讨 2页

15MnNbVCu钢的低周疲劳性能研究 2页

影视基地半包装修合同样本3篇 58页

110t钢水罐热损失测定及分析 2页

1000kV变电站集中滤油系统的优化 2页

建筑材料集装运输合同样本3篇 51页

第二节《探究环境污染对生物的影响》同步练习.. 3页

建筑废弃物运输保证书3篇 53页

跨文化交流中的认知偏差分析-全面剖析 26页

黄河流域未来气候-水文变化的模拟研究 3页

高等级公路湿陷性黄土地基强夯处理施工方法探.. 3页

胃动素在胃肠道炎症中的调节机制-全面剖析 35页

云存储数据完整性测试工具开发-全面剖析 35页

香水机自动灌装机构的设计与分析 3页

顾及空间分布和NLOS的UWB室内可信定位方法 3页

集控模式下500kV变电站无人值守技术的探究 3页

锰改性硅藻土对水中Cr~(6+)的吸附研究 3页

铝-水电池的研究 3页

《人性的弱点》的读后感(8篇) 20页

连续波宽带大功率行波管中的色散成型及谐波抑.. 3页

星际尘埃对天体观测的影响-全面剖析 25页

图书管理系统调研报告 12页

2023年贵州省中考物理试卷【含答案】 9页

QBT4428-2023 电动自行车用锂离子电池产品规格.. 15页

屋面施工合同书 3页

英文剧本《项链》 6页

天弛专业挽联打印软件v3.2.0介绍(共2页) 2页