Wprowadzenie do animacji z Hype Record

• Kwiecień 28, 2024

Hype ma bardzo fajną funkcję dla początkującego animatora, zwaną funkcją nagrywania. Aby użyć tej funkcji, wystarczy kliknąć duży czerwony przycisk Nagraj. Tak zrobimy w tym samouczku.

Jak się dowiedzieliśmy, aby utworzyć animację, potrzebujemy tylko klatki początkowej i końcowej. Na przykład, aby zmniejszyć rozmiar prostokąta poruszającego się po ekranie, powiedzielibyśmy Hype, w której klatce ma się rozpocząć animacja, a w której klatce zatrzymać. Ponieważ pracujemy z animacjami opartymi na osi czasu, możemy rozmawiać z Hype za pomocą klatek kluczowych na osi czasu. Zgadłeś, umieścimy te klatki kluczowe na tych dwóch specjalnych klatkach startu i stopu.

Gdy Hype widzi klatkę kluczową, bierze pod uwagę właściwości obiektu, takiego jak prostokąt, na ekranie. Tylko kilka właściwości, które Hype weźmie pod uwagę, to Krycie, Początek po lewej, Początek po prawej, Wysokość i szerokość. Te właściwości odpowiadają właściwościom stylu CSS w dokumencie HTML5. Hype przechowuje wartości tych właściwości wraz z odpowiednią pozycją lub ramką na osi czasu.

Naszym pierwszym krokiem w tworzeniu tej przykładowej animacji jest poinformowanie Hype, jaki rozmiar ma być prostokątem i gdzie umieścić go na ekranie na początku i na końcu animacji. Możemy to wszystko zrobić za pomocą przycisku Nagrywaj.

1. Kliknij Plik - Nowy, aby rozpocząć nowy dokument w Hype, przy użyciu ustawień domyślnych.
   
   Dodajmy prostokąt do ekranu.
   
   
2. Kliknij ikonę Elementy na pasku narzędzi i wybierz Prostokąt. Hype umieści nowy prostokąt na środku ekranu.
   
   Ustawmy prostokąt w miejscu, w którym chcemy, aby był na początku animacji. Zachowamy domyślny rozmiar, więc wszystko, co musimy zrobić, to przesunąć prostokąt.
   
   
3. Przeciągnij prostokąt do lewej krawędzi ekranu.
   
   
4. Spójrz na Inspektora Metryk. Prostokąt ma teraz 7 pikseli od lewej krawędzi i 149 pikseli od górnej krawędzi. Ponadto jest to 102 x 102 pikseli.
   
   

Teraz chcemy, aby prostokąt przesunął się do prawej krawędzi i zmniejszył 50%. Chcemy też, aby tak się stało w zaledwie 30 klatkach. Powiedzmy Hype te informacje za pomocą funkcji nagrywania w następnym samouczku.

Kontyntynuj