HTML5 Canvas pentru Jocuri și Divertisment

• Aprilie 25, 2024

Animația și jocurile merg mână în mână. Dintre numeroasele moduri de a crea animație, panza HTML5 este una dintre opțiunile cu costuri reduse, deoarece nu este implicat un software scump. Fundația HTML5 Canvas: For Games and Entertainment by Rob Hawkes este o carte de începători bună pentru cei interesați să învețe să creeze jocuri HTML5 Canvas.

Hawkes începe o introducere la HTML5 prin deconstruirea paginii de bază HTML5. El discută modul în care CSS3, JavaScript și biblioteca JQuery funcționează împreună cu HTML5. Deoarece JavaScript este o parte importantă a creării jocului cu HTML5, autorul petrece mult timp acoperind elementele de bază ale JavaScript, inclusiv variabile, tipuri de date, funcții, condiționale și multe altele. Odată ce acest lucru nu este în cale, Hawkes trece la elementele de bază ale pânzei HTML5, luându-l pas cu pas de la desenarea formelor și ștergerea pânzei la controlul browserului.

Lucrurile încep să devină interesante, deoarece Hawkes introduce scalarea, rotația și alte transformări. În continuare, el continuă să adauge realism cu umbre și gradiente și să exporte pânza ca imagine. După ce înveți cum să încarci și să creezi o imagine de la zero, el trece la manipularea pixelilor pentru transformarea unei imagini și aplicarea efectelor.

Mișcarea și a face ca lucrurile să se miște te fac cu un pas mai aproape de a-ți construi primul joc. Hawkes acoperă elementele de bază precum amintirea stărilor și mișcarea de-a lungul unui cerc. Nu poți avea un joc fără granițe și detectarea coliziunii, iar autorul discută elementele de bază ale fizicii precum viteza, accelerația și frecarea utilizate pentru a crea mișcare realistă.

Acum sunteți gata să creați primul dvs. joc, care este un joc Bowling Space. Înveți cum să controlezi obiecte staționare și non-staționare, împreună cu cum să construiești o interfață de utilizator pentru jocul tău De asemenea, aflați despre detectarea intrării mouse-ului și codificarea scenariului jucătorului câștig / pierdere. Asteroid Avoidance Game este următorul tău joc în care Hawkes învață cum să detecteze introducerea tastaturii și să controlezi audio în cadrul jocului.

Hawkes încheie cartea cu o scurtă discuție a diferențelor dintre pânza HTML5 și alternativele precum Flash^R. El subliniază, de asemenea, limitările pânzelor precum performanța procesorului și viitorul pânzei care include 3D și diverse biblioteci.

Rob Hawkes a studiat producția media interactivă la Universitatea Bournemouth și este un programator vizual specializat în HTML5 și alte funcții noi ale web-ului. Puteți descărca codul sursă de pe site-ul editorului.

Previzualizare pe Google Cărți

Accesați site-ul web al editorului

Accesați site-ul web al autorului

* Apress Media mi-a furnizat gratuit o copie de recenzie.