課程
/前端開發(fā)
/HTML/CSS
/HTML5小游戲---愛心魚(上)
Cannot read property 'drawImage' of undefined,請問大家如何修復(fù)這個bug
2015-11-18
源自:HTML5小游戲---愛心魚(上)
正在回答
function drawBackground()
{
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
這是background.js
var can1;
var can2;
var ctx1;
var ctx2;
var canWidth;
var canHeight;
var lastTime;
var deltaTime;
var bgPic =new Image();
document.body.onload =game;
function game()
? ? init;
lastTime =Date.now();
deltaTime =0;
gameloop();
function init()
//獲得canvas context
can1 =document.getElementById("canvas1");//fishes,dust,UI,circle
ctx1 =can1.getContext('2d');
can2 =document.getElementById("canvas2");//background,ane,fruits
ctx2 =can2.getContext('2d');
bgPic.src ="./src/background.jpg";
? ??
canWidth =can1.width;
canHeight =can1.height;
function gameloop()
requestAnimFrame(gameloop);//setInterval,setTimeout,frame per second
var now =Date.now();
deltaTime =now - lastTime;
lastTime =now;
drawBackground();
這是main.js
調(diào)用這個函數(shù)的對像不對吧,把你的代碼貼上來吧
舉報
學(xué)做HTML5游戲,輕輕松松帶你上手,適合剛?cè)胧钟螒蜷_發(fā)的同學(xué)
3 回答背景出不來
1 回答背景顯示不出來
4 回答背景顯示不出來
2 回答背景顯示不出來???
4 回答背景圖加載不出來
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-11-18
function drawBackground()
{
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
這是background.js
var can1;
var can2;
var ctx1;
var ctx2;
var canWidth;
var canHeight;
var lastTime;
var deltaTime;
var bgPic =new Image();
document.body.onload =game;
function game()
{
? ? init;
lastTime =Date.now();
deltaTime =0;
gameloop();
}
function init()
{
//獲得canvas context
can1 =document.getElementById("canvas1");//fishes,dust,UI,circle
ctx1 =can1.getContext('2d');
can2 =document.getElementById("canvas2");//background,ane,fruits
ctx2 =can2.getContext('2d');
bgPic.src ="./src/background.jpg";
? ??
canWidth =can1.width;
canHeight =can1.height;
}
function gameloop()
{
requestAnimFrame(gameloop);//setInterval,setTimeout,frame per second
var now =Date.now();
deltaTime =now - lastTime;
lastTime =now;
drawBackground();
}
這是main.js
2015-11-18
調(diào)用這個函數(shù)的對像不對吧,把你的代碼貼上來吧