オブジェクトを時計回りに回転させるには？

Question

オブジェクトを時計回りに回転させるには（キャンバス、css3などなし）？

my example code

はちょうど私の式を修正するのに役立つ参照してください。

Answer 1

あなたはCSSなしではできませんが、あなたのサンプルコードは翻訳にCSSを使用しています：JavaScriptを使ってCSSのプロパティを変更してCSSのプロパティを変更しています。

ような何か試してみてください：あなたはWebkitのブラウザで作業していると仮定すると、角度を設定するには

div.style['-webkit-transform'] = 'rotate(' + angle + 'deg)'; 

を。

Answer 2

オブジェクトを回転させるには2つの方法があり、どちらも独自のドローバックがあります。

1）phpを使用すると、回転した画像を送り返すことができます。これは、GDライブラリを使用することはかなり簡単です。

肯定的なのは、rotate.php？image = my_image_name & angle = 30のような名前を使用すると、ブラウザがイメージをキャッシュするということです。

しかし、これで遅延が発生するため、ゲームには適していません。

2）回転を作成し、すべてを1つの大きなスプライトシートに添付します。その後、スプライト画像を切り替えることができます。

しかし、これは大きな画像ファイルを持ち、通常は完全に回転しないことを意味します。これを5度などの固定量で回転させることで減らすことができますが、その場合でも72種類のイメージがあります。

これらの方法は両方とも、イメージファイルでのみ動作し、divではなく、動作します。あなたはコースのdivsの背景として画像を使用することができます。