-
俄羅斯方塊設計
視圖部分是一個二維數組，1代表已經下降的格子，2代表正在下降的格子，0代表空白格子
查看全部 -
寫了一個旋轉方法，初步測試旋轉效果還可以，就是遇到途中有旋轉阻礙的時候會有點小問題。還需要解決查看全部 -
感覺這部分代碼太多重復了，想著把重復的代碼做成一個方法，然后傳遞不同的參數過來，也能達到相同效果。初步測試和老師代碼效果一樣，目前沒有報錯。
查看全部 -
html和js分離開來，并且使用了面向對象的思想，個人認為主要的核心算法是判斷消除一行，以及整體的一個分布和代碼思維培養，很不錯的一個視頻
查看全部 -
去去去去去去查看全部
-
js分塊結構圖
查看全部 -
俄羅斯方塊結構圖
查看全部 -
var refreshNext = function(){
for(var i=0; i<nextData.length; i++){
for(var j=0; j<nextData[0].length; j++) {
if(nextData[i][j] == 0){
nextDivs[i][j].className = 'none';
}
else if(nextData[i][j] == 1){
nextDivs[i][j].className = 'done';
}
else if(nextData[i][j] == 2){
nextDivs[i][j].className = 'current';
}
}
}
}
注意代碼nextDivs 編輯器自動聯想打錯為 nextData
查看全部 -
界面與數據分離！數據驅動刷新頁面！
面向對象編程，維護簡單
查看全部 -
俄羅斯方塊h5查看全部
-
// 檢測點是否合法
var checkMove = function(cur,pos){
var flag = true;
var dx = pos.origin.x-cur.origin.x;
var dy = pos.origin.y-cur.origin.y;
for(var j=0; j<cur.data.length;j++){
for(var i=0; i<cur.data[j].length;i++){
if(cur.data[j][i] >= 1){//只需要判斷方塊中有數據的點
if(pos.origin.x + i <0 || pos.origin.y + j <0){
return false;
}else if(pos.origin.x + i >= gameData[0].length){
return false;
}else if(pos.origin.y + j >= gameData.length){
return false;
}else if(gameData[pos.origin.y+j][pos.origin.x+i] >= 1){
if(dy+j >= cur.data.length || dx+i >= cur.data[0].length){
return false;
}
}
}
}
}
return flag;
}
查看全部 -
box-sizing:屬性
查看全部 -
script.js div game:游戲區域 next：下一個方塊現實的區域 info：顯示信息的區域已用時已得分 引進樣式 game: 游戲區域 20行10列 200px*400px 每個div是20*20的小塊 next: 4*4 80px info:位置 。none 。current 。done 都是20*20 none：對應的區域沒有方塊背景色 current:用戶正在操作的方塊 done：已經落下的查看全部
-
gamData[0][n] = 0; 無法理解??！查看全部
-
哇查看全部
-
俄羅斯方塊結構圖查看全部
-
。。。查看全部
-
js結構圖查看全部
-
記下來查看全部
-
初始化方塊gameDiv，nextDiv就是讓兩個方塊在頁面相對應的位置顯示，而nextDivs則可以直接將方塊的nextdata顯示到屏幕上，但是對于gameDiv來說并不只體現當前方塊cur，而是以前所有方塊均顯示，所以應該用Gamedata傳參而Game中游戲初始化，其實就是其內部的方塊初始化。查看全部
舉報