Video: DIY Hoe Maak Je Een Nep Beugel 2024
Als het canvas de ruimte in een HTML5-spel definieert, definieert een animatiekring de tijd. De meeste JavaScript-spellen gebruiken een mechanisme met de naam setInterval () om herhaald gedrag te veroorzaken. Deze functie heeft twee parameters nodig: een functienaam en een vertragingswaarde.
Hier is een code die eenvoudig tien keer per seconde telt:
tellen. html var counter = 0; var-uitvoer; function init () {output = document. getElementById ("output"); setInterval (count, 100);} functietelling () {counter ++; output. innerHTML = teller;} nog niets
Het proces is eenvoudig en u kunt het gebruiken wanneer u wilt dat er iets gebeurt met regelmatige tussenpozen:
-
Maak een functie die wordt herhaald.
In dit simplistische voorbeeld wordt de functietelling () tien keer per seconde genoemd.
-
Bel setInterval () in uw initialisatiecode.
Hiermee wordt de herhaalde oproep naar de functie ingesteld.
-
Geef de functie aan die wordt herhaald.
De eerste parameter is de naam van de functie die wordt herhaald. Merk op dat u, omdat u de functie als een variabele behandelt, niet haakjes met de functienaam invoert.
-
Geef de vertraging aan.
De tweede parameter is een vertragingswaarde in milliseconden (een milliseconde is 1/1000 e van een seconde). Dit voorbeeld werkt met een vertraging van 100 milliseconden, wat 10 frames per seconde is. De simpleGame-bibliotheek werkt met 20 frames per seconde.
In simpleGame maak je, naast het instellen van een canvas, via de Scene-klasse, een interval aan dat herhaaldelijk de methode update () van je game aanroept. Dit is waarom u een update () -methode moet hebben.
