Vor ein paar Monaten habe ich ein animiertes CSS3 AT-AT Ссылка erstellt. Ich baute es hauptsächlich als Lernexperiment auf und um zu sehen, was mit den neuen CSS3-Funktionen möglich war. Wie die meisten Dinge, die wir bauen, habe ich es ins Netz gebracht. Ich habe nicht mit den großen Mengen an Traffic auf der Website gerechnet. Ich dachte, vielleicht ein paar Ansichten von Freunden und Arbeitskollegen, aber es gibt immer noch ein paar hundert Aufrufe pro Woche aus der ganzen Welt.
Als Ergebnis möchte ich es in Bezug auf die CPU-Auslastung etwas schlanker machen. Aus irgendeinem Grund drosseln die Animationen den Speicher. Ich würde mich freuen über jede Rückmeldung von euch netten Leuten auf stackoverflow, die es den Leuten erlauben würde, mein Experiment zu sehen, ohne dass ihre Fans mitmachen.
Auch bevor jemand eine JavaScript / Jquery-Alternative vorschlägt, erinnere ich mich daran, die Fähigkeiten von CSS3 zu testen.
Vielen Dank im Voraus.
Gute Arbeit. Sie haben meine Augen für das Potenzial von CSS3 für Animationen geöffnet.
Ich kann die Frage, die Sie mir leider gestellt haben, nicht beantworten, aber ich trainiere, um ein Animator zu sein, damit ich einige Vorschläge machen kann, die Ihnen helfen, Ihre Animation zu verbessern:
Heben Sie zwei Beine gleichzeitig an: Vorne links und hinten rechts gleichzeitig, dann vorne rechts und hinten links gleichzeitig. Sie müssen gegensätzliche Beine für das Gleichgewicht sein.
Die Beine, die nicht angehoben werden, bleiben auf dem Boden stehen, bewegen sich jedoch rückwärts in der Szene, um die Tatsache zu simulieren, dass sich der Körper relativ zu seiner Position vorwärts bewegt.
Da die Beine auf dem Boden nach hinten gleiten, wird der Körper natürlich etwas tiefer sinken.
Wenn Sie noch mehr Realismus hinzufügen möchten, machen Sie den Körper sofort etwas weiter nach unten, sobald die angehobenen Beine wieder den Boden erreichen, dann kommen Sie wieder nach oben. Dadurch sieht es so aus, als würde sich das Gewicht auf diese Beine verlagern.