課程
/前端開發
/HTML/CSS
/HTML5小游戲---愛心魚(上)
魚和鼠標的角度怎么反著旋轉 。。
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();
}
注意畫大魚眼睛,身體,尾巴的坐標,因為這個時候已經用了translate換了坐標
我的也是,而且魚和鼠標還越來越遠了
qq_莫小染_0
beta加一個PI把角度反過來
舉報
學做HTML5游戲,輕輕松松帶你上手,適合剛入手游戲開發的同學
1 回答大魚跟著鼠標旋轉聽不懂啊
2 回答關于鼠標和魚的角度問題
2 回答魚移到左上角,不會跟著鼠標動,求解答,代碼如下:
2 回答魚太大了,而且魚總不能停在鼠標停的地方,只有鼠標在瀏覽器左上角魚才能和鼠標重合,鼠標離左上角越遠魚就離鼠標越遠
2 回答老師,為什么rotate方法使用后,魚的位置不跟著鼠標光標移動了,畫布旋轉,坐標系也旋轉了嗎??
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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();
}
注意畫大魚眼睛,身體,尾巴的坐標,因為這個時候已經用了translate換了坐標
2016-03-06
我的也是,而且魚和鼠標還越來越遠了
2016-01-26
beta加一個PI把角度反過來