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

最近更新

2025年幼儿园教师自我简历自我评价怎么写 7页

上海南北关系讨论会上中外学者的主要观点 2页

2025年幼儿园教师的教育随笔7篇 14页

2025年幼儿园教师教育教学工作个人总结 9页

2025年幼儿园教师心得体会及反思 15页

三门峡水利枢纽工程施工技术管理的经验 2页

三辊轧管“尾三角”缺陷和楞面缺陷的初步研究.. 2页

三维离子阱内空间电荷效应的理论分析 2页

2025年幼儿园教师个人辞职申请书 8页

2025年幼儿园教师个人思想工作总结 14页

三级罗茨泵直腰茧形转子型线的研究 2页

2025年幼儿园教师800字实习工作总结 18页

三种染料水溶液的O 3脱色动力学研究 2页

2025年幼儿园感恩节活动方案篇2025 45页

2025年幼儿园感恩教师节活动主持词篇 34页

2025年幼儿园德育工作情况心得 10页

三次样条函数在海洋水文资料整理中的应用 2页

2025年幼儿园开学教师个人计划 14页

《太空一日》优秀课件 25页

2025-2026学年初中生物新冀少版七年级下第2单.. 8页

王者荣耀游戏代练服务合同 3页

货物预约保险协议 11页

部编版三年级下册语文第二单元综合检测试卷及.. 5页

高空及脚手架作业安全工作措施 8页

蔬菜腌制的基本原理1 13页

党支部三基建设工作总结 4页

寿力空压机WS3000&3700中文操作手册[共45页] 45页

人教版地理七年级下册《印度》教学设计 4页

中国集装箱制造企业 2页