為什么要把drawGirl放在loop中？
背景圖只要畫一次就好了呀。。。
x兔子
2015-03-27
2 回答
舉報(bào)
0/150
提交
取消
2015-03-30
是這樣的，畫面上我們看到的所有內(nèi)容都是畫在canvas上的，為了產(chǎn)生星星的動畫效果，我們需要把前一幀畫的星星從canvas上擦除，再畫上下一幀。由于我們只使用了一個canvas，所以在擦除星星的同時(shí)，也把背景顏色和girl圖片同時(shí)擦除掉了，所以drawGirl需要放在loop中不斷重新畫。
當(dāng)然你也可以把背景和drawGirl放在另一個canvas中，并且這2個canvas正好以正確的順序疊在一起，這樣背景顏色和girl圖片只需要畫一次就好了。
但我們做的這個小實(shí)踐對渲染的壓力不是很大，所以在一個canvas中畫就可以了。
不過你會提出疑問是很值得鼓勵的。
2016-09-06
為什么繪制圖片和背景也必須放在gameLoop里面呢？我移到init（）里面執(zhí)行就出錯。
function?gameLoop()?{ window.requestAnimFrame(gameLoop);??? var?now?=?Date.now(); deltaTime?=?now?-?lastTime;??? lastTime?=?now; fillCanvas();??//?? drawGirl();??//?? drawStars(); aliveUpdate(); }