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

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

canvas實現星星閃爍特效

難度中級
時長 1小時15分
學習人數
綜合評分9.53
70人評價 查看評價
9.7 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
背景為何要循環繪制,繪制一次不就好了嗎?

最新回答 / pinkhide27
星星是白色的,背景是白色的,就看不出來了啊。。。把星星換個顏色應該就可以了吧。。至于效果好不好看就不知道了。。。。
我做過用線連起來的星星.

最新回答 / 會飛的云89
gameloop()這個函數改下,可以試試看function gameloop(){ ????setTimeout(gameloop,100); ????drawStars();}

最新回答 / chenxiaoxiao12
那是沒有定義的??!你沒有new 實例化啊 ??
老師,故意繞了一個圈子
var starObj = function (){ //創建函數對象為starObj
this.x=100+Math.random()*600;//x坐標值 也可以理解為屬性值,這了進行隨機變換
this.y=150+Math.random()*300;//y坐標值
}
starObj.prototype.draw=function(){//這里才是用畫布繪制星星的方法
ctx.drawImage(starPic,this.x,this.y);//ctx.drawImage();是畫布中的函數。
}
這樣就可以了
感覺老師是美國留學生來的,講中文帶著東北腔,講英語帶著美式語氣。
setTimeout調用自己不就一直循環咯!
其實可以用離屏canvas 那樣簡單很多

最新回答 / 來自火星的花
你的drawImage函數寫錯了, ctx.drawImage(img1,0,0,this.n*7,7,this.x,this.y,7,7);

最新回答 / 小丨小菜鳥
你控制臺查看具體是哪行有問題,再分析原因解決問題.
不錯不錯,呻吟很好聽

已采納回答 / 溪墨潺
要么你沒定義,要么你定義的沒生效
好神秘的東西,就這樣了解了
這是女孩???? ???
課程須知
1、具有HTML、CSS基礎知識 2、具有JavaScript基礎知識(函數、類、對象) 3、具有一些Canvas基礎(畫線、弧線、圓)
老師告訴你能學到什么?
1、如何輪播一張圖片上的序列幀 2、canvas的幾個主要繪圖API:drawImage()、save()、restore()。 3、如何處理鼠標事件 4、如何化繁為簡的做項目

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消