課程
/前端開發(fā)
/HTML/CSS
/HTML5小游戲---愛心魚(上)
魚和鼠標(biāo)的角度怎么反著旋轉(zhuǎn) 。。
2016-01-09
源自:HTML5小游戲---愛心魚(上) 2-8
正在回答
momObj.prototype.draw = function()
{
//console.log(this.x);
this.x = lerpDistance(mx,this.x,0.9);
this.y = lerpDistance(my,this.y,0.9);
//delta angle
var deltaY = my - this.y;
var deltaX = mx - this.x;
var beta = Math.atan2(deltaY,deltaX) + Math.PI;
this.angle = lerpAngle(beta,this.angle,0.9) ;
ctx1.save();
ctx1.translate(this.x,this.y);
ctx1.rotate(this.angle);
ctx1.drawImage(this.eye,-this.eye.width*0.5,-this.eye.height*0.5);
ctx1.drawImage(this.tail,-this.tail.width*0.5+30,-this.tail.height*0.5);
ctx1.drawImage(this.body,-this.body.width*0.5,-this.body.height*0.5);
ctx1.restore();
}
注意畫大魚眼睛,身體,尾巴的坐標(biāo),因為這個時候已經(jīng)用了translate換了坐標(biāo)
我的也是,而且魚和鼠標(biāo)還越來越遠(yuǎn)了
qq_莫小染_0
beta加一個PI把角度反過來
舉報
學(xué)做HTML5游戲,輕輕松松帶你上手,適合剛?cè)胧钟螒蜷_發(fā)的同學(xué)
1 回答大魚跟著鼠標(biāo)旋轉(zhuǎn)聽不懂啊
2 回答關(guān)于鼠標(biāo)和魚的角度問題
2 回答魚移到左上角,不會跟著鼠標(biāo)動,求解答,代碼如下:
2 回答魚太大了,而且魚總不能停在鼠標(biāo)停的地方,只有鼠標(biāo)在瀏覽器左上角魚才能和鼠標(biāo)重合,鼠標(biāo)離左上角越遠(yuǎn)魚就離鼠標(biāo)越遠(yuǎn)
2 回答老師,為什么rotate方法使用后,魚的位置不跟著鼠標(biāo)光標(biāo)移動了,畫布旋轉(zhuǎn),坐標(biāo)系也旋轉(zhuǎn)了嗎??
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-05-15
momObj.prototype.draw = function()
{
//console.log(this.x);
this.x = lerpDistance(mx,this.x,0.9);
this.y = lerpDistance(my,this.y,0.9);
//delta angle
var deltaY = my - this.y;
var deltaX = mx - this.x;
var beta = Math.atan2(deltaY,deltaX) + Math.PI;
this.angle = lerpAngle(beta,this.angle,0.9) ;
ctx1.save();
ctx1.translate(this.x,this.y);
ctx1.rotate(this.angle);
ctx1.drawImage(this.eye,-this.eye.width*0.5,-this.eye.height*0.5);
ctx1.drawImage(this.tail,-this.tail.width*0.5+30,-this.tail.height*0.5);
ctx1.drawImage(this.body,-this.body.width*0.5,-this.body.height*0.5);
ctx1.restore();
}
注意畫大魚眼睛,身體,尾巴的坐標(biāo),因為這個時候已經(jīng)用了translate換了坐標(biāo)
2016-03-06
我的也是,而且魚和鼠標(biāo)還越來越遠(yuǎn)了
2016-01-26
beta加一個PI把角度反過來