Top
Snake Game
{ 復古貪食蛇遊戲 }
{ Tools & Takeaway }
此專案以HTML5為基礎,JavaScript繪製畫面並製作互動功能,再以SCSS修飾美化:
-
以 Canvas 元素並呼叫 getContext 來繪製遊戲內容,包含貪食蛇、果實等。
-
使用 addEventListener 來監聽鍵盤並以 if...else 語法,來讓方向鍵控制蛇的移動方向。
-
利用( x , y )座標定位蛇的身體和果實的位置,並以 Math.random 來讓它們隨機出現。
-
透過 setInterval 語法,實現了一個連續的遊戲循環,並控制運行的速度。
-
最後利用 localStorage 來儲存最高分數,讓玩家可以不斷挑戰自己的紀錄。