答えて
あなたはCSSなしではできませんが、あなたのサンプルコードは翻訳にCSSを使用しています:JavaScriptを使ってCSSのプロパティを変更してCSSのプロパティを変更しています。
ような何か試してみてください:あなたはWebkitのブラウザで作業していると仮定すると、角度を設定するには
div.style['-webkit-transform'] = 'rotate(' + angle + 'deg)';
を。
オブジェクトを回転させるには2つの方法があり、どちらも独自のドローバックがあります。
1)phpを使用すると、回転した画像を送り返すことができます。これは、GDライブラリを使用することはかなり簡単です。
肯定的なのは、rotate.php?image = my_image_name & angle = 30のような名前を使用すると、ブラウザがイメージをキャッシュするということです。
しかし、これで遅延が発生するため、ゲームには適していません。
2)回転を作成し、すべてを1つの大きなスプライトシートに添付します。その後、スプライト画像を切り替えることができます。
しかし、これは大きな画像ファイルを持ち、通常は完全に回転しないことを意味します。これを5度などの固定量で回転させることで減らすことができますが、その場合でも72種類のイメージがあります。
これらの方法は両方とも、イメージファイルでのみ動作し、divではなく、動作します。あなたはコースのdivsの背景として画像を使用することができます。
+1の創造性 –
- 1. キューブを時計回りにx軸回りに回転する
- 2. jQuery:画像を時計回り/反時計回りに90度ずつ回転させますか?
- 3. 反時計回りの回転方法
- 4. htmlテーブルを反時計回りに90度回転させます。
- 5. アンドロイドで時計回りと反時計回りに画像を回転する方法は?
- 6. mousemove上でオブジェクトを回転させてオブジェクトを回転させる
- 7. HTML5キャンバスでは、回転するオブジェクトの周りにオブジェクトを回転させることはできますか?
- 8. CGAffineTransformIdentityで時計回りに反時計回りに
- 9. クォータニオン、オブジェクトをゆっくり回転させるには?
- 10. UIImageViewを時計回りに回す
- 11. iOSで時計回りと反時計回りに
- 12. ボタンをクリックすると画像が時計回りに回転します。android
- 13. オブジェクトを回転させるOpenGL GLFW
- 14. 円のオブジェクトを回転させる
- 15. CSS3:imgを同時に回転させてスケールするには?
- 16. 回転オブジェクトは、中回転を停止さ/境界
- 17. OpenGLでオブジェクトを回転させるには
- 18. Matlab Simulinkの時計回りと反時計回りのDCモーター
- 19. iPhone開発 - UIRotationGestureRecognizer(時計回り&反時計回り)?
- 20. UiTextFieldは回転しません。iPadを回転させます。
- 21. 回転速度を計算し、iOSビューを自然回転させます
- 22. 3次元配列を24回回転させるには?
- 23. 時計回りにしたいとき、私の回転が反時計回りにしかならないのはなぜですか?
- 24. UIAlertViewを回転させる
- 25. スライドショーを回転させる
- 26. 回転するオブジェクト
- 27. オブジェクトを中心の周りに90度回転させる方法は?
- 28. CSS変換は常に360度を超えずに時計回りに回転します
- 29. openGLnGLの2dオブジェクトを選択的に回転させる
- 30. タップアンドホールドでUIButtonを回転させる方法(指で回転させる - ホールド - 回転)
@アルゴリズムあなたのデモは、回転とは異なる遷移を示しています。 –
は回転を定義します... – Kasturi
@ ime Vidas私は知っていますが、修正方法はわかりません – Algorithm