国产探花免费观看_亚洲丰满少妇自慰呻吟_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

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 广安市| 美姑县| 陆河县| 威远县| 佛山市| 卢湾区| 体育| 静乐县| 务川| 密云县| 诸城市| 慈利县| 昌江| 青州市| 凤凰县| 吉隆县| 邵阳县| 安宁市| 南宁市| 栖霞市| 满洲里市| 东阳市| 固安县| 霍城县| 利津县| 潞城市| 东平县| 科尔| 宜宾市| 当雄县| 郧西县| 徐水县| 杨浦区| 建湖县| 蒙城县| 竹山县| 谷城县| 酒泉市| 通化市| 陆河县| 韩城市|