私は私の現在のプロジェクトです。私はロボットを描き、それらを動かす必要があります。 ロボットは、円と現在のロボットの向きを示すボックスで構成されています。Raphaël.jsで回転したオブジェクトをアニメ化する
私の問題は、私、私はそれらをアニメーション化、なぜならその回転の奇妙な方法で配向ボックスを移動...
は、ここで私が何を意味するかということです。あなたの助けをhttp://jsfiddle.net/zmunB/
感謝。
Balzard。
私は私の現在のプロジェクトです。私はロボットを描き、それらを動かす必要があります。 ロボットは、円と現在のロボットの向きを示すボックスで構成されています。Raphaël.jsで回転したオブジェクトをアニメ化する
私の問題は、私、私はそれらをアニメーション化、なぜならその回転の奇妙な方法で配向ボックスを移動...
は、ここで私が何を意味するかということです。あなたの助けをhttp://jsfiddle.net/zmunB/
感謝。
Balzard。
このfiddleは別のオプションを示します。それはrajkamalの解決法ほど優雅ではないかもしれませんが、あなたが行列の操作に慣れていないかどうかを理解することは簡単かもしれません。あなたは自由にそれに機能を追加することができるはずです(私が追加した '目'に注意してください)。
基本的には、フィーチャをセットに追加して、セット内の各要素に変換を適用するだけです。右の色付きの四角形をクリックして、アニメーションをキックオフします。 「相対移動」は、「見ている」方向にセットを移動させることに注意してください。
このフィドルを参照してください。 http://jsfiddle.net/apUvX/2/、変換された動き。 円の「onAnimation」メソッドでは、Matrix.x
,Matrix.y
を使用して円の中心座標を 矩形座標系に変換し、その結果を矩形のx、yに代入しています。