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年度回迁房买卖合同社区安全保障协议 9页

2025年度商铺租赁代售综合管理服务合同 8页

2025年度商贸公司智能供应链管理合作协议书 8页

2025年度商场大楼租赁合同(含租赁保证金退还.. 8页

动物免疫系统在病原体感染中的反应机制-全面剖.. 35页

2025年度商业地产商铺租赁合同(含物业管理).. 7页

2025年度咖啡馆工装室内装修设计服务协议 8页

2025年度员工职位调整与薪资变更劳动合同变更.. 7页

2025年度员工劳动合同解除补偿金计算及竞业限.. 8页

2025年度员工个人应急储备金借款合同模板 8页

2025年度合同能源管理节能技术服务合同 9页

2025年度合同买卖纠纷管辖权变更及补充协议 8页

2025年度合伙经营皮肤病专科诊所协议 8页

2025年度合伙人解除合同协议书:关于X品牌代理.. 8页

2025年度可再生能源并网发电合伙合同协议 9页

2025年度变压器过户及运输安全责任协议模板 9页

2025年度厨房设备租赁与运营维护管理合同 9页

2025年度厂房设备维护与维修施工服务合同 9页

2025年度危险品运输人员安全免责协议 7页

2025年度卫浴产品展示中心设计与运营合同 9页

2025年度单位员工个人车辆共享平台合作协议 9页

2025年度医院食堂废弃物资源化利用承包合同 9页

2025年度医院双向转诊医疗信息化建设与服务合.. 9页

2025年度医药行业执业药师专业服务聘用合同协.. 9页

2025年度医疗设备工程师聘用合同 7页

2025年度医疗机构企业团体体检活动合同 8页

2025年度医用耗材配送与医疗器械检测服务合同.. 9页

2025年度区块链合伙投资公司股权合作协议书 7页

2025年度化工产品批发与零售合作协议书 9页

2025年度劳动合同违约责任风险评估与管理合同.. 8页