Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- krouzek:auticko2 [2018/03/21 13:54] – vytvořeno admin
+++ krouzek:auticko2 [2023/11/15 20:54] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
@@ Řádek 48: / Řádek 48: @@
 </code>
+Po této úpravě samozřejmě nebude funkce //zrychli()// volána přímo zmáčknutím klávesy. Proto je potřeba tuto funkci volat v hlavním opakovaném cyklu (funkce //render// naplánovaná pomocí //setInterval//, resp. //requestAnimationFrame//)
+<code javascript>
+//Funkce ktera bude volana znovu a znovu = herní loop
+function render(){
+//Ovlivneni na zaklade stavu klaves
+if(zmacknutoZrychli){
+ zrychli();
+}
+//todo: další akce
+//todo přepočítání x,y na základě rychlosti - viz další část textu
+//nastav aktualni stav do prvku
+document.getElementById('monster').style.top=y+"px";
+document.getElementById('monster').style.left=x+"px";
+}
+//Naplánování herního loopu každých 33ms
+setInterval(render,33);
+</code>
+Poznámka: aby byla hra skutečně stejně hratelná pro všechny, je třeba pamatovat, že 33ms není úplně spolehlivých - mezi jednotlivými snímky může uplynout i víc času. Jako námět pro rozšíření bychom tedy mohli měřit dobu skutečně uplynulou od minulého snímku a přenásobovat tím přírustky k pozici (= jak daleko se auto pohne)
+=== Rychlost ===
+{{ :krouzek:rychlost_draha.png?400|}}
+Dosud jsme autíčko pohybovali pouze ve chvíli zmáčknutí klávesy, a to jeho maximální rychlostí. Jak to ovšem funguje s reálnými pohybujícími se předměty? Rychlost se nezvyšuje skokově. Dokud držíme nohu na plynu, rychlost roste. Když nohu z plynu sundáme (nebo začneme brzdit), rychlost se začne snižovat (až klesne k nule).
+Z programátorského hlediska budeme potřebovat v naší hře zavést novou proměnnou (případně dvě, pro každou ze souřadnic x,y) - rychlost. Měl by platit vzoreček:
+<code>
+polohaX_nova=polohaX_stara + rychlostX * uplynulyCas
+</code>
+zjednodušeně (spoléháme se na správnost časování intervalem):
+<code>
+polohaX=polohaX + rychlostX
+</code>
+což se dá napsat i způsobem:
+<code>
+polohaX+=rychlostX
+</code>
+Toto se odehraje v každém výpočtu snímku (funkce //render//). Rychlost není v km/h či m/s jak jsme zvyklí z reálného života - v našem kontextu má zřejmě jednotku "uražené pixely za dobu mezi dvěma snímky"
+== Setrvačnost ==
+Pro ještě lepší dojem z autíčka zkuste rychlost ovlivňovat i přirozeným zpomalováním (aerodynamickým odporem, třením pneumatik). Pozor, nestačí prostě nějakou hodnotu od rychlosti odečítat - rychlost může být i záporná = v opačném směru! Musíte udělat podmínku, která rychlost snižuje, pokud je rychlost větší než 0 a zvyšuje, pokud je menší než 0.
+=== Otáčení a rychlost jako vektor ===