HTML5 Canvas voor games en entertainment

• April 23, 2024

Animatie en games gaan hand in hand. Van de vele manieren om animatie te maken, is het HTML5-canvas een van de goedkope opties, omdat er geen dure software bij is betrokken. Foundation HTML5 Canvas: For Games and Entertainment door Rob Hawkes is een goed beginnersboek voor diegenen die geïnteresseerd zijn in het leren HTML5 Canvas-spellen te maken.

Hawkes begint een inleiding tot HTML5 door de basis HTML5-pagina te deconstrueren. Hij bespreekt hoe CSS3, JavaScript en de JQuery-bibliotheek samenwerken met HTML5. Omdat JavaScript een belangrijk onderdeel is van het maken van games met HTML5, besteedt de auteur veel tijd aan het behandelen van de basisprincipes van JavaScript, waaronder variabelen, gegevenstypen, functies, voorwaardelijke en meer. Als dat eenmaal uit de weg is, gaat Hawkes verder met de basisprincipes van het HTML5-canvas en gaat het stap voor stap van het tekenen van vormen en het wissen van het canvas naar het besturen van de browser.

Dingen beginnen interessant te worden wanneer Hawkes schaling, rotatie en andere transformaties introduceert. Vervolgens voegt hij realisme toe met schaduwen en verlopen en exporteert hij het canvas als een afbeelding. Zodra je leert hoe je een afbeelding helemaal opnieuw moet laden en maken, gaat hij over naar pixelmanipulatie voor het transformeren van een afbeelding en het toepassen van effecten.

Beweging en dingen laten bewegen brengt je een stap dichter bij het bouwen van je eerste spel. Hawkes behandelt de basisprincipes zoals het onthouden van staten en beweging langs een cirkel. Je kunt geen spel hebben zonder grenzen en botsingdetectie en de auteur bespreekt de basisprincipes van fysica zoals snelheid, versnelling en wrijving die worden gebruikt om realistische bewegingen te creëren.

Nu ben je klaar om je eerste game te maken, een Space Bowling Game. Je leert hoe je stationaire en niet-stationaire objecten kunt besturen en hoe je een gebruikersinterface voor je game kunt maken. Je leert ook over het detecteren van muisinvoer en het coderen van het win / verlies-spelersscenario. De Asteroid Avoidance Game is je volgende game waarin Hawkes leert hoe je toetsenbordinvoer detecteert en audio binnen de game bestuurt.

Hawkes eindigt het boek met een korte bespreking van de verschillen tussen HTML5 canvas en de alternatieven zoals Flash^R. Hij wijst ook op de beperkingen van canvas zoals CPU-prestaties en de toekomst van canvas met 3D en verschillende bibliotheken.

Rob Hawkes studeerde interactieve mediaproductie aan de universiteit van Bournemouth en is een visueel programmeur gespecialiseerd in HTML5 en andere nieuwe functies van het web. U kunt de broncode downloaden van de website van de uitgever.

Voorbeeld op Google Boeken

Bezoek de website van de uitgever

Bezoek de website van de auteur

* Apress Media heeft mij gratis een recensie-exemplaar verstrekt.

Video-Instructies: Best VR 360 Video (April 2024).