Video: Hur skapar man en youtube kanal 2024
Om tecknet definierar utrymmet i ett HTML5-spel definierar en animationsslinga tid. De flesta JavaScript-spel använder en mekanism som heter setInterval () för att orsaka upprepade beteenden. Denna funktion tar två parametrar: ett funktionsnamn och ett fördröjningsvärde.
Här är en kod som bara räknas tio gånger i sekundet:
räknar. html var counter = 0; var utmatning; funktion init () {output = dokument. getElementById ("output"); setInterval (count, 100);} funktionsräkning () {counter ++; produktion. innerHTML = counter;} inget här än
Processen är enkel och du kan använda den när du vill att något ska hända med jämna mellanrum:
-
Skapa en funktion som kommer att upprepas.
I det här förenklade exemplet kommer funktionsräkningen () att kallas tio gånger per sekund.
-
I din initialiseringskod, ring setInterval ().
Detta ställer in det upprepade samtalet till funktionen.
-
Ange den funktion som ska upprepas.
Den första parametern är namnet på den funktion som ska upprepas. Observera att eftersom du behandlar funktionen som en variabel, innehåller inte parentes med funktionsnamnet.
-
Ange förseningen.
Den andra parametern är ett fördröjningsvärde i millisekunder (en millisekund är 1/1000 th av en sekund). Detta exempel går i en fördröjning på 100 millisekunder, vilket är 10 bilder per sekund. SimpleGame-biblioteket körs med 20 bilder per sekund.
I SimpleGame, när du skapar en scenklass, utöver att du ställer in en duk, är du också, via scenklassen, skapat ett intervall som upprepade gånger kallar uppdateringen () -metoden för ditt spel. Det är därför du behöver ha en uppdatering () -metod.