我遇到了一個我試圖製作的遊戲的問題。這裏是我的代碼(非常基本):JavaScript遊戲循環不起作用
var canvas = document.createElement("canvas");
var gameCanvas = canvas.getContext("2d");
canvas.width = 500;
canvas.height = 500;
document.body.appendChild(canvas);
// Global variables
var game;
game.fps = 60;
game._intervalId = setInterval(game.run, 1000/game.fps);
// Game loop
game.run = function() {
game.draw();
};
// Functions
game.draw = function() {
// Background image
var bgImage = new Image();
bgImage.src = "img/background.png";
// Player image
var playerImage = new Image();
playerImage.src = "img/player.png";
// Draw
gameCanvas.drawImage(bgImage, 0, 0);
gameCanvas.drawImage(playerImage, 10, 10);
}
// Game over
document.getElementById('end').onclick = function stop(){
clearInterval(game._intervalId);
}
// Run
window.onload = game.run();
遊戲無法正常運行。我做錯了什麼,還是有我錯過的東西?這裏是一個頁面的鏈接:http://dl.dropbox.com/u/33213779/Game/demo_me.html
謝謝。
你是什麼意思的「不正常運行」? – m90
@ m90如果您查看鏈接,畫布似乎無法加載,或者圖像無法加載。我不知道這是遊戲循環還是加載畫布/圖像代碼的問題。 – Harry