用JS實現2048小遊戲

2021-09-01 11:52:12 字數 2300 閱讀 8264

重新開始

撤回上一步

* 

#game_top

#game_top button

#game_panel

.grid

var grid = document.getelementsbyclassname("grid");

var arr_before = [

[0, 0, 0, 0],

[0, 0, 0, 0],

[0, 0, 0, 0],

[0, 0, 0, 0]

];var arr_now = [

[0, 0, 0, 0],

[0, 0, 0, 0],

[0, 0, 0, 0],

[0, 0, 0, 0]

];//重新開始遊戲

function restart()

}window.onload = function()

//開始新的遊戲

function newgame()

} newgridrandom();

panel_before();

score();

}//隨機選擇產生數字的格仔

function getgrid() else

} for(var i = 0; i < 16; i++)

} return grid[indexarr[math.floor(math.random() * indexarr.length)]]; }}

//隨機產生數字2或4

function getrandom()

//隨機空格子產生隨機數字2或4

function newgridrandom()

//判斷所選的格仔是不是空格

function isempty(x) else

}//格仔是否全滿

function isfull()

} }return true;

}//是否發生了改變

function ischanged()

//儲存上一步前情況

function panel_before() }}

//儲存當前情況

function panel_now() }}

//判斷遊戲是否結束(格仔全滿且相鄰格仔不相等)

function isover()

for(var i = 0; i < 4; i++)

} for(var i = 0; i < 3; i++)

}} for(var j = 0; j < 3; j++)

}} return true;

} else

}//向上移動

function moveup() else if(nextgrid.innerhtml == currentgrid.innerhtml)

}} }

panel_now();

}//向下移動

function movedown() else if(!isempty(currentgrid) && nextgrid.innerhtml == currentgrid.innerhtml)

}} }

panel_now();

}//向左移動

function moveleft() else if(nextgrid.innerhtml == currentgrid.innerhtml)

}} }

panel_now();

}//向右移動

function moveright() else if(nextgrid.innerhtml == currentgrid.innerhtml)

}} }

panel_now();

}//獲取鍵盤鍵

document.onkeydown = function(event) else

} else if(e.keycode == 38)

} else if(e.keycode == 39)

} else if(e.keycode == 40)

} }score();

}//撤回上一步

function regret()

} for(var i = 0; i < 4; i++)

} score();

}//更換背景色

function score()

} else

}}

用js實現2048小遊戲

筆記倉庫 2048是一款休閒益智類的數字疊加小遊戲。文末給出源 和演示位址 在 4 4 的16宮格中,您可以選擇上 下 左 右四個方向進行操作,數字會按方向移動,相鄰的兩個數字相同就會合併,組成更大的數字,每次移動或合併後會自動增加乙個數字。當16宮格中沒有空格子,且四個方向都無法操作時,遊戲結束。...

用js實現2048小遊戲

筆記倉庫 github.com nnngu learn 2048是一款休閒益智類的數字疊加小遊戲。文末給出源 和演示位址 在 4 4 的16宮格中,您可以選擇上 下 左 右四個方向進行操作,數字會按方向移動,相鄰的兩個數字相同就會合併,組成更大的數字,每次移動或合併後會自動增加乙個數字。當16宮格中...

js實現2048小遊戲

頁面class hidden id end id endspan id table colspan 4 id s1 id s2 id s3 id s4 id s5 id s6 id s7 id s8 id s9 id s10 id s11 id s12 id s13 id s14 id s15 id...