麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發(fā) > HTML5 > 正文

HTML5+JS實(shí)現(xiàn)俄羅斯方塊原理及具體步驟

2024-09-05 07:20:34
字體：大 中 小
供稿：網(wǎng)友
本游戲?qū)崿F(xiàn)的基本原理:

游戲區(qū)域是限定大小的區(qū)域，本游戲的游戲區(qū)域有21×25個(gè)矩形,每個(gè)矩形width為10單位，heght為6個(gè)單位(canvas 的絕對(duì)單位是固定的，非像素)。

創(chuàng)建RusBlock類包含相應(yīng)的數(shù)據(jù)和行為，創(chuàng)建二維數(shù)組aState[21][25]記錄游戲區(qū)域中被標(biāo)記的矩形。

俄羅斯方塊有7個(gè)部件，每個(gè)部件所占的矩形的個(gè)數(shù)和位置不同，所以建立部件類，然后建立數(shù)組儲(chǔ)存7個(gè)部件，每個(gè)部件包涵數(shù)組儲(chǔ)存該部件所占的矩形的個(gè)數(shù)和位置。當(dāng)下落的部件到底了，就會(huì)產(chǎn)生一個(gè)新的部件，就部件的被標(biāo)記的矩形就會(huì)賦值給游戲區(qū)域的數(shù)組。

在游戲循環(huán)函數(shù)中，打印正在下落的部件，和已經(jīng)固定好的部件，還有下一下落的部件。

基本知識(shí):

HTML5 CSS JS
本游戲包括三個(gè)文件:

RusBlock.html:設(shè)定元素
RusBlock.css:設(shè)定樣式
RusBlock.js:腳本控制

第一步:界面的設(shè)置和素材的準(zhǔn)備

RusBlock.html

復(fù)制代碼

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 免费a级毛片大学生免费观看 | 99精美视频 | 超久久| 久章草影院| www.91成人 | 国产精品成人久久 | av电影在线观看网站 | av大全在线免费观看 | 嫩草91在线 | 日本最新免费二区三区 | 欧美不卡视频在线观看 | 精品中文字幕在线观看 | 午夜天堂在线视频 | 538任你躁在线精品视频网站 | 可以看逼的视频 | 久久久精品精品 | 中文字幕天堂在线 | 色视频一区二区 | 久久久久久久久久美女 | 他也色在线视频 | 逼片视频 | 色阁阁69婷婷| 国产一区成人 | 中文字幕一区二区三区久久 | 成人在线视频精品 | 国产精品区一区二区三区 | 亚洲视频在线网 | 欧美成人性生活片 | 性欧美xxxx免费岛国不卡电影 | 大号bbwassbigav头交 | 亚洲va久久久噜噜噜久牛牛影视 | 欧美精品成人一区二区在线观看 | 茄子福利视频 | 国产精品久久久免费看 | 日本欧美中文字幕 | 欧美在线成人影院 | 91不雅视频 | 色骚综合| 精品国产一区二区三区四 | 久久精品中文字幕一区二区三区 | 欧美重口另类videos人妖 |