課程
/前端開發(fā)
/HTML/CSS
/HTML5小游戲---愛心魚(上)
Cannot read property 'drawImage' of undefined,請(qǐng)問(wèn)大家如何修復(fù)這個(gè)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)用這個(gè)函數(shù)的對(duì)像不對(duì)吧,把你的代碼貼上來(lái)吧
舉報(bào)
學(xué)做HTML5游戲,輕輕松松帶你上手,適合剛?cè)胧钟螒蜷_發(fā)的同學(xué)
3 回答背景出不來(lái)
2 回答背景顯示不出來(lái)???
4 回答背景顯示不出來(lái)
1 回答背景顯示不出來(lái)
4 回答背景圖加載不出來(lái)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
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)用這個(gè)函數(shù)的對(duì)像不對(duì)吧,把你的代碼貼上來(lái)吧