HTML5-kangas peleille ja viihteelle

• Huhtikuu 26, 2024

Animaatio ja pelit kulkevat käsi kädessä. Monista animaation luontitavoista HTML5-kangas on yksi edullisista vaihtoehdoista, koska siihen ei sisälly kalliita ohjelmistoja. Säätiö HTML5 Canvas: Pelien ja viihteen kehittäjä Rob Hawkes on hyvä aloittelijan kirja niille, jotka ovat kiinnostuneita luomaan HTML5 Canvas -pelejä.

Hawkes aloittaa HTML5: n käyttöönoton purkamalla HTML5: n perussivun. Hän keskustelee kuinka CSS3, JavaScript ja JQuery-kirjasto toimivat yhdessä HTML5: n kanssa. Koska JavaScript on tärkeä osa pelin luomista HTML5: n kanssa, kirjoittaja viettää paljon aikaa JavaScriptin perusteiden kattamiseen, mukaan lukien muuttujat, tietotyypit, toiminnot, ehdolliset ja muut. Kun tämä on poissa tieltä, Hawkes siirtyy HTML5-kankaan perusteisiin ottamalla askel askeleelta muotojen piirtämisestä ja kankaan tyhjentämisestä selaimen hallintaan.

Asiat alkavat kiinnostaa, kun Hawkes esittelee skaalaus, kierto ja muut muutokset. Seuraavaksi hän jatkaa realismin lisäämistä varjoilla ja kaltevuuksilla sekä kankaan vientiä kuvana. Kun olet oppinut lataamaan ja luomaan kuvan tyhjästä, hän siirtyy pikselin käsittelyyn kuvan muuntamiseksi ja tehosteiden käyttämiseksi.

Liike ja asioiden liikuttaminen saa sinut askeleen lähemmäksi ensimmäisen pelisi rakentamista. Hawkes kattaa perusteet, kuten tilojen muistamisen ja ympyrän liikkumisen. Peliä ei voi olla ilman rajoja ja törmäyksen havaitsemista. Kirjailija käsittelee fysiikan perusteita, kuten nopeutta, kiihtyvyyttä ja kitkaa, jota käytetään realistisen liikkeen luomiseen.

Nyt olet valmis luomaan ensimmäisen pelisi, joka on Space Bowling -peli. Opit hallitsemaan kiinteitä ja ei-liikkumattomia esineitä sekä rakentamaan pelin käyttöliittymän. Opit myös hiiren syötteiden havaitsemisesta ja win / loss player -skenaarion koodaamisesta. Asteroidin välttämispeli on seuraava peli, jossa Hawkes opettaa kuinka tunnistaa näppäimistön syöttö ja hallita ääntä pelissä.

Hawkes lopettaa kirjan lyhyellä keskustelulla HTML5-kankaan ja muiden vaihtoehtojen, kuten Flashin, eroista^R. Hän korostaa myös piirtoalustan rajoituksia, kuten prosessorin suorituskyky ja 3D-kansiota ja erilaisia ​​kirjastoja sisältävän kankaan tulevaisuus.

Rob Hawkes opiskeli interaktiivista mediatuotantoa Bournemouthin yliopistossa ja on visuaalinen ohjelmoija, joka on erikoistunut HTML5: ään ja muihin uusiin Webin ominaisuuksiin. Voit ladata lähdekoodin kustantajan verkkosivustolta.

Esikatselu Google-kirjoissa

Käy julkaisijan verkkosivustolla

Käy kirjoittajan verkkosivustolla

* Apress Media toimitti minulle arvostelukopion ilmaiseksi.

Video-Ohjeita: Making of Mighty Jyväskylä - Part 2 (Huhtikuu 2024).