国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > HTML5 > 正文

HTML5+JS實現俄羅斯方塊原理及具體步驟

2024-09-05 07:20:34
字體：大 中 小
來源：轉載
供稿：網友
本游戲實現的基本原理:

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

創建RusBlock類包含相應的數據和行為，創建二維數組aState[21][25]記錄游戲區域中被標記的矩形。

俄羅斯方塊有7個部件，每個部件所占的矩形的個數和位置不同，所以建立部件類，然后建立數組儲存7個部件，每個部件包涵數組儲存該部件所占的矩形的個數和位置。當下落的部件到底了，就會產生一個新的部件，就部件的被標記的矩形就會賦值給游戲區域的數組。

在游戲循環函數中，打印正在下落的部件，和已經固定好的部件，還有下一下落的部件。

基本知識:

HTML5 CSS JS
本游戲包括三個文件:

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

第一步:界面的設置和素材的準備

RusBlock.html

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 马关县| 蓝山县| 沙坪坝区| 禹州市| 藁城市| 图们市| 万安县| 湖南省| 美姑县| 平乐县| 清镇市| 海门市| 景东| 皮山县| 黄山市| 井陉县| 霍邱县| 开化县| 江城| 饶阳县| 桂平市| 旬阳县| 濉溪县| 永川市| 罗平县| 稻城县| 绵竹市| 云梦县| 沁阳市| 闸北区| 屯留县| 杨浦区| 武乡县| 曲松县| 丹巴县| 灵宝市| 安顺市| 大兴区| 陆丰市| 社会| 兴安县|