tietokoneet

iBook Author HTML -widget Hypessä

Marraskuu 2020

iBook Author HTML -widget Hypessä


Tässä opetusohjelmassa luomme HTML-animaatio-widgetin, joka toistetaan iBookin koko näytöllä. Yksi suosituimmista tavoista animoida iBook on HTML5: n käyttö. Itse asiassa HTML5-animaatio korvaa Flashin Webissä ja mobiililaitteissa käytettävän animaation lähteenä numero yksi. Tumultilla on kohtuullinen hintainen HTML5-animaatio-ohjelmisto Macille, nimeltään Hype ja Hype Pro. Hype on edelleen kertaluonteinen hankinta, ja voit päivittää ammattilaiseksi vain yhdellä kerralla. Joten käytämme Hypeä tänään.

Uusin iBookini on versio useita vuosia sitten luomastani kirjasovelluksesta. Tuolloin iBooks AuthorR ei ollut todella hyvä lastenkirjojen tekemisessä, mutta asiat ovat muuttuneet. Voimme nyt käyttää Hypeä HTML-animaatio-widgetien luomiseen, joita voidaan toistaa koko näytössä tai sivulla millä tahansa iBookin sivulla.

Koska näyte-widgetistämme tulee täysi ilmaus (2048 x 1536 pikseliä), on parasta, että se toistetaan koko näytöllä ja lukija käynnistää sen napsauttamalla sivulla olevaa painiketta. Tätä animaatiota varten meillä on yksi taustakuva, useita pienempiä animoitavia kuvia ja kaksi äänitiedostoa.

Alkuluettelo

  • Täysinäinen taustakuva, joka kattaa koko näytön - jpg
  • Neljä sivulla animoitavaa objektia - png
    • Punainen koriste
    • Violetti koriste
    • Raidallinen koriste
    • Kouluttaa
  • Kaksi äänitiedostoa - mp3
Huomautus: Taustakuvan tulisi olla .jpg-kuva, koska se peittää koko näytön. Käytä .png-muotoa niille elementeille, jotka tarvitsevat läpinäkyvän taustan.

  1. Avaa Hype. Meillä on oletusarvoisesti tyhjä pääajajana ja tyhjä näyttö. Meillä on myös oletuskohtaus nimeltä Untitled Scene. Nimeämme se uudelleen "Xmas Orn". Tallennetaan myös tämä asiakirja nimellä "XmasOrn".

  2. Siirry kohtauksen tarkastajaan ja aseta kohtauksen koko esiasetettuihin iBooks-koko maisemaan 1024 x 768 pikseliä.

    Voimme pitää taustan värin valkoisena, koska peitämme näytön taustakuvalla.

  3. Napsauta työkalurivillä Elements-kuvaketta ja valitse Kuva. Valitse taustakuva Finder-ikkunassa.

Huomaa: Vaikka esiasetuksessa on 1024 x 768 pikseliä, käytämme silti verkkokalvovalmiita kuvia. 2048 x 1536 pikselin taustakuvasi ladataan automaattisesti verkkokalvovalmiin iPadiin. Tavallisissa iPad-näytöissä 1024 x 768 pikselin taustakuva latautuu.

Se on kaikki, mitä meidän on tehtävä projektimme pääajajana. Siinä on vain yksi kehys. Seuraavaksi luomme jokaiselle animoidulle elementille erilliset aikataulut, jotka ovat kolme joulukoristetta ja juna. Tallenna työsi.

Jatkaa

Apple iBooks Author - Create and publish multitouch books for iPad - Download Video Previews (Marraskuu 2020)



Tagit Artikkeli: iBook Author HTML -widget Hype-, Flash- ja Animaatio-ohjelmissa, miten iBooks Author HTML5 -widget luodaan Hypessä