我遇到了一个我试图制作的游戏的问题。这里是我的代码(非常基本):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