CSS3アニメーションを合理化する@keyframes

Question

数ヶ月前に私はアニメーションCSS3 AT-AT http://www.ruawebdesign.com/css3-at-atを作りました。私は主に学習実験として構築し、新しいCSS3の機能を使って何が可能かを確認しました。ほとんどのものと同様に、私はネット上にリリースしました。私はそれが受け取ったサイトへの大量のトラフィックを期待していませんでした。私は友人や仕事の同僚からの意見をいくつか考えていたかもしれませんが、世界各地から週に数百の意見を残しています。

この結果、私はそれをCPU使用量に関してもう少し合理化したいと考えています。何らかの理由で、アニメーションによってメモリが絞られます。

また、誰かがjavascript/jqueryの代替案を提案する前に、CSS3の機能をテストするためにこれを構築したことを覚えておいてください。

ありがとうございます。

Answer 1

素敵な仕事。あなたはアニメーションのためにCSS3の可能性を見てきました。

私はあなたが、残念ながら尋ねた質問に答えることはできませんが、私はアニメーターになるために訓練していますので、私はあなたがあなたのアニメーション改善するためのいくつかの提案を行うことができます。

1. リフト一度に2本の脚を：同時にフロントとリアを同時に、フロント右とバックは同時に。彼らはバランスのために反対の脚でなければなりません。

2. 持ち上げられていない脚は地面に植え付けたままにしておくべきですが、身体がその位置に対して前方に移動しているという事実をシミュレートするために、シーン内を後方に移動してください。

3. 地面の脚が後方に滑っているので、身体は自然にわずかに下がります。

4. あなたも、より多くのリアリズムを追加したい場合は、体が少しさらに持ち上げる足がアップ戻ってくる再び地上に到達直後にダウン行かせます。これは、体重がその脚にシフトしているように見えます。