Sissejuhatus animatsiooni koos hüperekordiga

• Mai 8, 2024

Hype'il on algusanimaatori jaoks väga kena funktsioon, mida nimetatakse Record-funktsiooniks. Selle funktsiooni kasutamiseks klõpsake lihtsalt suurt punast nuppu Salvesta. Seda teeme selles õpetuses.

Nagu oleme teada saanud, on animatsiooni loomiseks vaja ainult algus- ja lõppraami. Näiteks ristküliku suuruse vähendamiseks, kui see liigub üle ekraani, ütleksime Hype'ile, millisel kaadril animatsioon käivitada ja millisel raami lõpetada. Kuna töötame ajajoonel põhineva animatsiooniga, saame Hypega rääkida, kasutades ajaskaalal võtmekaadreid. Ja arvasite seda, paneme need võtmekaadrid neile kahele spetsiaalsele käivitus- ja stoppraamile.

Kui Hype näeb võtmekaadrit, võtab ta teadmiseks objekti, näiteks ristküliku, omadused ekraanil. Ainult mõned omadused, mida Hype arvesse võtab, on läbipaistmatus, vasakpoolne päritolu, parem päritolu, suuruse kõrgus ja suuruse laius. Need atribuudid vastavad HTML5 dokumendi CSS-i stiili atribuutidele. Hype salvestab nende omaduste väärtused koos vastava asukoha või raami ajajoonel.

Meie esimene samm selle animatsiooni loomisel on öelda Hype'ile, millise suurusega ristküliku teha ja kuhu see ekraanile paigutada animatsiooni alguses ja lõpus. Kõike seda saab teha nupuga Salvesta.

1. Klõpsake nuppu File - New, et käivitada uus dokument Hype'is, kasutades vaikeseadeid.
   
   Lisageme ekraanile ristküliku.
   
   
2. Klõpsake tööriistaribal ikooni Elemendid ja valige Ristkülik. Hype asetab ekraani keskele uue ristküliku.
   
   Asetage ristkülik animatsiooni alguseks sinna, kuhu tahame. Me säilitame vaikesuuruse, seega peame vaid ristküliku liigutama.
   
   
3. Lohistage ristkülik ekraani vasakusse serva.
   
   
4. Heitke pilk mõõdikute inspektorile. Ristkülik on nüüd vasakust servast 7 pikslit ja ülaservast 149 pikslit. Samuti on see 102 x 102 pikslit.
   
   

Nüüd tahame, et ristkülik liiguks paremasse serva ja vähendaks 50%. Samuti soovime, et see juhtuks vaid 30 kaadri ulatuses. Ütleme Hype'ile seda teavet järgmises õpetuses funktsiooni Salvestamine kaudu.

Jätkake

Video Juhiseid: head aega. (Mai 2024).