鐵人檔案
var mX; var mY; 若是有要記錄滑鼠的座標位子就要把變數放外面成為全域變數取得滑鼠在移動或點擊時觸發事件要使用 addEventListener...
window.addEventListener（'keydown', function(e){ ... }, false）; // 監視整個視窗 docume...
練習作遊戲的地圖 寬 * 高 = 200px * 200px 切割出水平 10 格、垂直 10 格 每格大小 20 * 20 場地格子資料的 items 的陣...
建立二維陣列和變數 var size = 200; var offset = size / 3; var map = [ [0, 1, 2], [...
場地除了有可以給在圖形物件活動的地方也可以設定某些區域是不能進入這就可以設定當物件 "碰撞" 到某個邊界時就不能再前進所以先作一個簡單的例子...
要作迷宮就要有 地圖 放在起點 + 可移動的小圖 終點 地圖就用 迷宮製造機 Maze Generator 產生Maze Generator 可以選擇地圖的...
迷宮載入後再放上可以移動的起點因為從 Maze Generator 產生的圖路徑間隔都是固定所以只要找到 "行寬除 2 的長度" 和 &qu...
設定當碰到線或終點就不能再移動建立一個 function 放在移動前 if(e.code === 'KeyW' || e.code === 'ArrowUp')...
可以移動後再來就是要作到達終點的動作當移動遇到黑線以外的顏色就會結束 if(pixels[i+1] === 128 && pixels[i+3]...
要在遊戲前加上開始的畫面就先在圖片載入的時後加上開始畫面的 function img.onload = function () { canvas.width...
