如何使用HTML5畫布讓精靈旋轉以面對鼠標位置？

Question

我試圖按照this tutorial在Flash中創建一個導引導彈，除了我想使其適應使用HTML5畫布。我正在努力讓精靈面對鼠標的方向;它旋轉但不總是面向鼠標！我已經提出了一個小提琴，所以你可以看到發生了什麼事。

http://jsfiddle.net/Mr4Tz/

任何幫助將不勝感激。

Answer 1

傳遞給HTML5 rotate方法的角度值應該以弧度表示，但是您需要傳遞度數。

根據你的榜樣，這應該工作：

var targetX = mouse.x - missile.x 
, targetY = mouse.y - missile.y 
, rotation = Math.atan2(targetY, targetX); 

context.rotate(rotation);