-
ID:JgQoaP さんの質問

すべてcss3アニメーションで実装する

こんばんは
例えば、フルフラッシュのようなサイトを作る場合、positionはabsoluteの要素が多く、それをjqueryのanimate(topやleftを変更)で動かしたりすると思います。

これをもしcss3のアニメーションが適応されるモダンブラウザだけを対象した場合、topやleftをtransrateYやXで指定し、jquery.transit.jsなどで制御するなどでパフォーマンスの向上を見込めると思っています。

さしあたって、css3だけで配置や動きの制御をすると何か問題などはあるのでしょうか?

みんなの回答 5 件

ID:/G4f0H さんの回答

ブラウザが限られる。

ID:.08B0C さんの回答

レスポンシブや全画面ページなら、サイズ変更した場合の事を考えて組まないとだめですね。
そういう場合ならCanvasでアニメーションした方がいいんだろうけど…

ID:JgQoaP

画面の高さや幅のちがいに体する対処は、通常の実装でもcanvasの実装でも原理は同じではないのでしょうか?

ID:.08B0C

キャンバスは画像みたいなものです。
縦横指定すれば崩れる事はないです。
引き伸ばすと荒れます。
絶対指定でやればわかると思いますが、大きさや座標を全部%指定しないといけません。計算面倒くさいし、モダンブラウザのみでしたら、Canvasおすすめします。

ID:IgP.E6 さんの回答

どう考えてもCanvasだと思う。

ID:9mhXGV さんの回答

ものによるけどWebGLの方が早いと思うよ

ID:JgQoaP さんの回答

canvasの方がよいのですね??
ブラウザはcss3が動くモダンブラウザに限定する予定です。

最終更新日:2014-09-12 (2,325 views)

関連するトピックス

ページ上部に戻る