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

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

HTML5小游戲---愛心魚(上)

難度中級
時長 2小時34分
學習人數
綜合評分9.50
139人評價 查看評價
9.6 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
坐標初始化了之后并沒有中心合并在一起。所以我自己調了參數
ctx1.translate(this.x,this.y);
ctx1.drawImage(this.bigEye,this.bigEye.width*0.5+40,-this.bigEye.height*0.5);
ctx1.drawImage(this.bigBody,this.bigBody.width*0.5,-this.bigBody.height*0.5);
ctx1.drawImage(this.bigTail,this.bigTail.width*0.5+48,-this.bigTail.height*0.5);
我??麤]畫出來是因為沒有加init()函數。你們看看加了沒
ane=new aneObj();
ane.init();
代碼正確但是魚完全不轉的,需要先給this.angle賦值,比如在init()中加:this.angle=0;這樣才會被識別為數字。不然console.log(this.angle);顯示為NaN,也就是說this.angle不是個數
我照著老師的寫,為什么問題一直處在哪個第10行的init();
謝謝老師~人美聲甜就是建議用個好點的話筒
老師該換話筒了
ctx1.clearRect(0,0,canWidth,canHeight);我加上這句就啥也出不來了,不加能正常顯示
只能說圖片加載和自己畫的,在canvas,展現的速度是真的不一樣,得同一加載定時器
只能瀏覽器的問題,所有關于加載不出來,只是先后的順序問題,價格定時器吧
可以將ane.init()放在DrawImage之后,也可以在main.js中的loop給ane.init加一個定時器
window.setTimeout(function(){ane.draw();},1000);1秒之后圖片基本加載,但要將requestAnimFrame注釋,因為不斷的快速循環,除了用context.width=context.width清空畫布,他的海葵顏色疊加,無法透明!!
這個錄音怎么斷斷續續的,都聽不清...
大魚反向問題:解決方案 var deltaY = this.y - my; var deltaX = this.x - mx;
切屏導致果實變大的問題,試試將gameloop函數中deltaTime定義如下
deltaTime = deltaTime<20? now - lastTime:20;
數值20是我瞎定的,根據自己電腦的性能看著定。
老師講得很好,可是這錄音聽得我難受:(
課程須知
1、對html、css基礎知識已經掌握。 2、對JavaScript的基礎知識掌握,如數組、類、對象。
老師告訴你能學到什么?
1、html5 canvas制作游戲理念 2、html5 canvas 繪圖API 3、游戲中的碰撞檢測 4、認識幾個數學函數 5、物體池概念 6、序列幀動畫的控制

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消