Ievads animācijā ar hipes ierakstu

• Maijs 20, 2024

Hype ir ļoti jauka sākotnējā animatora funkcija, ko sauc par ierakstu funkciju. Lai izmantotu šo funkciju, vienkārši noklikšķiniet uz lielās sarkanās pogas Ierakstīt. To mēs darīsim šajā apmācībā.

Kā mēs uzzinājām, lai izveidotu animāciju, mums ir nepieciešams tikai sākuma un beigu rāmis. Piemēram, lai samazinātu taisnstūra izmēru, kamēr tas pārvietojas pa ekrānu, mēs Hype pateiktu, kurā rāmī sākt animāciju un kurā rāmī apstāties. Tā kā mēs strādājam ar animāciju, kas balstīta uz laika joslu, mēs varam sarunāties ar Hype, izmantojot taustiņu kadrus laika skalā. Un, kā jūs uzminējāt, mēs ievietosim šos taustiņu kadrus uz šiem diviem īpašajiem sākuma un beigu rāmjiem.

Kad Hype redz atslēgas kadru, tas ekrānā ņem vērā objekta, piemēram, taisnstūra, īpašības. Tikai dažas no īpašībām, kuras Hype ņems vērā, ir necaurredzamība, kreisā izcelsme, pareizā izcelsme, lieluma augstums un izmēra platums. Šīs īpašības atbilst CSS stila īpašībām HTML5 dokumentā. Hype saglabā šo īpašību vērtības kopā ar atbilstošo pozīciju vai rāmi laika skalā.

Mūsu pirmais solis, lai izveidotu šo animācijas paraugu, ir Hype pateikt, kāda izmēra veidot taisnstūri un kur to novietot uz ekrāna animācijas sākumā un beigās. To visu mēs varam izdarīt ar pogu Ierakstīt.

1. Noklikšķiniet uz File - New, lai sāktu jaunu dokumentu Hype, izmantojot noklusējuma iestatījumus.
   
   Pievienosim ekrānam taisnstūri.
   
   
2. Rīkjoslā noklikšķiniet uz ikonas Elementi un izvēlieties Taisnstūris. Hype ekrāna centrā novietos jaunu taisnstūri.
   
   Novietojiet taisnstūri vietā, kur mēs vēlamies, lai tas būtu animācijas sākums. Mēs saglabāsim noklusējuma izmēru, tāpēc viss, kas mums jādara, ir jāpārvieto taisnstūris.
   
   
3. Velciet taisnstūri uz ekrāna kreiso malu.
   
   
4. Apskatiet metrikas inspektoru. Tagad taisnstūris ir 7 pikseļi no kreisās malas un 149 pikseļi no augšējās malas. Turklāt tas ir 102 x 102 pikseļi.
   
   

Tagad mēs vēlamies, lai taisnstūris virzītos uz labo malu un samazinātu 50%. Turklāt mēs vēlamies, lai tas notiktu tikai 30 kadru laikā. Pateiksim Hype šo informāciju, izmantojot funkciju Record nākamajā apmācībā.

Turpināt