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年怎么教五年级的学生写作文 2页

二零二五年度上海市夫妻自愿离婚协议书及子女.. 7页

2025年怎么写总经理自荐信最全参考范文素材 8页

二零二五年小产权房手房买卖合同房屋质量与验.. 8页

二零二五年中石化加油卡全国供应网络合作协议.. 9页

2025年怀孕辞职报告 17页

社交媒体运营合同简版 6页

2025年快乐的寒假生活三年级作文 28页

个人地下车位出租及车位租赁期限调整合同(20.. 8页

2025幼师实习实训基地实习与就业推荐合同 9页

2025年必修二重点英语短语(2) 4页

短期租房合同定金协议书模板 5页

短期仓库租赁合同样本 5页

2025年进口药品通关攻略与注册指南详解 29页

2025年度高品质屋面瓦定制设计与施工合同 9页

2025年血液安全监管与质量把控精要 99页

基于物联网的在线考试系统研究-全面剖析 28页

2025年度金融科技行业数据分析员劳动合同模板.. 9页

2025年度金融机构远期外汇交易市场研究及策略.. 8页

2025年影驰擎系列SSD发布了!前来观看啦! 2页

2025年度货运司机安全驾驶培训合同 8页

借款合同模板(电子版) 5页

全国学前教育普及普惠区创建工作方案 5页

2024河南电工技师考试题库电工证考试试题及答.. 59页

历年山东省烟台市物业公司物业管理基本工作范.. 15页

电线送检委托书 4页

进修盆底康复ppt课件 25页

肠道传染病防治知识和肠道门诊管理培训课件 28页

上墙岗位职责图牌 6页

JJG(军工)140-2016数字压力指示仪检定规程国.. 50页