亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

canvas實現星星閃爍特效

難度中級
時長 1小時15分
學習人數
綜合評分9.53
70人評價 查看評價
9.7 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
我這也不支持requestAnimFrame,寫成requestAnimationFrame就可以了
小瑕疵：星星超出一個自身高寬身位時，才會重生，這個跟用this.x和this.y來判斷有關，可以有更好的解決方案，比如判斷時加上自己的高寬。。。。。。。。。。同上一集，寫評論的時候沒有自己寫代碼驗證，錯了的話，希望大家包涵下。。。。。。最近在寫個小游戲，感謝老師給了我很多啟發和思路，感謝！
有一個可以改進的小地方：星星圖片有7幀，第一幀和第七幀是一樣的，星星閃到最后一幀時最小，然后循環，從第一幀開始閃，又是最小，相當于有兩次連續處于最小的狀態，所以仔細看圖片，是會有星星卡頓一下的感覺，在循環的時候，改為picNo %=6就可以了，這樣就不會出現細微的卡頓。。。。。。。。。。。。然后我寫這段評論的時候并沒有寫代碼驗證，錯了的話，別噴我。。。
挺好的。但是只能跟著照著敲。
為什么總是下載失敗，未發現文件
有點懵逼。。。。。。。。。。
老師邏輯很清楚，講得很棒！

最新回答 / 慕沐8008451
你是不是找的素材棠，www.sucait.cn,你可以去看看
圖片找不到啊
謝謝老師的分享
是不是覺得整個任務都很簡單？是的
if(deltaTime){
this.timer += deltaTime
}

最新回答 / 梧桐_細雨
我好像知道為什么圖片模糊了，canvas里的寬高不要用樣式去控制，要寫在?<canvas id="canvas" ?width="800" height="600">? ? ? 您的瀏覽器不支持canvas哦！? ? </canvas>因為這里的寬是canvas本身的屬性，而不是樣式寬的屬性；
背景圖片感覺不需要一直重繪，老師要稍微優化一下吧
首頁上一頁567891011下一頁尾頁
課程須知
1、具有HTML、CSS基礎知識 2、具有JavaScript基礎知識（函數、類、對象） 3、具有一些Canvas基礎（畫線、弧線、圓）
老師告訴你能學到什么？
1、如何輪播一張圖片上的序列幀 2、canvas的幾個主要繪圖API：drawImage()、save()、restore()。 3、如何處理鼠標事件 4、如何化繁為簡的做項目

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消