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//转

最近更新

关于聚氨脂软质泡沫产品销售的几点思考 2页

关于砖薄壳设计中若干问题的探讨 2页

2025年肺部炎症影像学诊断技术研究 76页

2025年肠道阻塞精准诊断策略 16页

关于推进电力计量标准化建设的几点思考 2页

关于我国推行股份经济的几点思考 2页

2025年特种线缆材料项目发展计划 63页

关于建立我区农村社会化服务体系的研究报告 2页

2025年糖尿病周围神经病变的早期筛查与综合治.. 44页

关于培育和发展我国产权市场的研究 2页

2025年癌症综合管理与家庭医生策略 44页

2025年电力系统智能监控与故障诊断技术研究指.. 139页

2025年PTH激素分泌调控机制研究 11页

《新生儿换血疗法》 28页

2025年上海白内障与青光眼同步手术指南 23页

关于C语言可视化人机界面实现方法研究 2页

六角形翅片—柴油机冷却技术的一项新发明 2页

2025年幼儿防疫指南红红幼儿园开学首课防冠秘.. 23页

2025年城市供水系统过滤与杀菌技术研究 97页

光纤行波放大器互作用数值分析 2页

光双折射象研究四方晶系SBN晶体中的缺陷 2页

2025年中药炮制技艺实操教学解析 25页

元旦晚会主持词开场白范例(28篇) 28页

关于员工家属慰问信范文(30篇) 42页

关于要账委托书(16篇) 3页

品德与生活教学工作计划合集(31篇) 111页

婚礼女方领导致辞稿(18篇) 18页

2025年慢性肾衰竭患者运动康复指南 14页

二零二五年度企业文化融入劳动合同 8页

2025年四川省拟任县处级领导干部模拟试题第1套.. 38页