在整體循環里對星星的繪制采用canvas.onmouseove還真不行,canvas是整個紫色區域,如果通過canvas調用onmouseout、onmousemove等api,當鼠標在圖片外在canvas內,log顯示的也是true,與需求不符。
2015-11-20
哎,其實老師應該把順序反過來,先function drawStars;然后在把drawStars函數放到gameloop中,最后 因為gameloop會在 function init函數中運行;所以可以繪制出60個帶有星星的canvas~~~哎。。。我也是醉了,老師你這邏輯不是講課了,是在考驗理解能力了~~
2015-11-11
貌似老師是想添加一個透明度的漸變效果,不過的確用不著一直繪制背景和星星,function aliveUpdate(){
if( switchy){
drawStars();opacity+=時間差/50+0.01;
if(opacity>1){opacity=1};
}
就可以了吧,判斷是否在畫布內不能用mousover事件嗎?
if( switchy){
drawStars();opacity+=時間差/50+0.01;
if(opacity>1){opacity=1};
}
就可以了吧,判斷是否在畫布內不能用mousover事件嗎?
2015-11-06
window.requestAnimationFrame可以在代碼執行時間過長時,智能縮短等待時間,是畫面流暢。而setTimeout做不到。
代碼執行時間過長時可能是由機器性能導致,也可能是由代碼量過長導致。
代碼執行時間過長時可能是由機器性能導致,也可能是由代碼量過長導致。
2015-11-06