IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

Diskusia – 29. diel - Metóda requestAnimationFrame() pre lepšie vykresľovanie v JS

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
Pavel Vosyka
Člen
Avatar
Pavel Vosyka:7.2.2014 22:18

Díky! To je mi novinka, určitě to použiju. Chtěl jsem to porovnat v chrome, ale jak už jsi říkal, on si i ten loop teda nějak pozastavuje, takže rozdíl jsem nezpozoroval. Tak jsem zapl IE11 a tam to neběží :D .. Alespoň mě to donutí nainstalovat jiné prohlížeče.. :) (mám teď zrovna čistou instalaci..)

Odpovedať
7.2.2014 22:18
"nikdy nepiš nic 2x" (updated 10 years after: "Není nic špatného na tom napsat něco 2x")
Avatar
Odpovedá na Pavel Vosyka
Neaktivní uživatel:7.2.2014 22:45

Díky za pozitivní ohlas. Ale k tomu IE. IE11 to 100% umí, chyba je tedy někde v kódu nebo na mé straně. V Dartu jsem si zkoušel udělat jednoduchý pingpong s pomocí právě requestAnimati­onFrame a normálně to funguje (http://grelek.maweb.eu/pingpong (prosím, je to pouze demo)).

BTW - IE 11 a už ani IE 10 nejsou nezbytně špatné prohlížeče.

Editované 7.2.2014 22:46
Odpovedať
7.2.2014 22:45
Neaktivní uživatelský účet
Avatar
dyžon
Člen
Avatar
dyžon:7.10.2018 9:33

super tutorial,
jsem samouk a tohle je výborná lekce pro začátek.
díky moc.

 
Odpovedať
7.10.2018 9:33
Avatar
Patrik Pastor:28.3.2019 22:58

vysvetli mi prosim nekdo, tuto cast koud?:

function posun() {
if (ctverec.x + ctverec.sirka + ctverec.rychlost * ctverec.smerX > platno.width)
ctverec.smerX = -1;
if (ctverec.x + ctverec.rychlost * ctverec.smerX < 0)
ctverec.smerX = 1;
if (ctverec.y + ctverec.vyska + ctverec.rychlost * ctverec.smerY > platno.height)
ctverec.smerY = -1;
if (ctverec.y + ctverec.rychlost * ctverec.smerY < 0)
ctverec.smerY = 1;

 
Odpovedať
28.3.2019 22:58
Avatar
Patrik Pastor:30.3.2019 18:40

cau, chtel bych se zeptat, kdyz pouziju funkci requestAnimati­onFrame(smycka) ... pro jeste pod touto funkci (smycka()) jeste jednou spustim tuto funkci smycka(), jinymi slovy, proc se spousti dvakrat, kdyz uz ji mam v argumentu req...frame(smyc­ka)? to nestaci, musi se spoustet Jeste jednou? diky za odpoved

 
Odpovedať
30.3.2019 18:40
Avatar
Petr Svoboda
Člen
Avatar
Petr Svoboda:19.1.2022 23:04

Není mi jasné, co za datový objekt je ten ctverec. Nevybavuju si, že by se v tomto kurzu něco podobného vyskytlo.

 
Odpovedať
19.1.2022 23:04
Avatar
Jaroslav Drobek:10.5.2022 6:22

Hodnocení:

  • Notace ctverec.x{... je jistě z kurzu OOP v Javascriptu. Absolvent dosavadních lekcí Základní konstrukce Javascriptu však ji vidí poprvé.
  • Demo: ve druhém řešení je funkce smycka samoúčelová - dělá přece totéž co vnořená funkce posun..
  • Demo: třetí řešení má příliš nabobtnaný a nekomentovaný kód funkce posun.
 
Odpovedať
10.5.2022 6:22
Avatar
Kamil Pajta
Člen
Avatar
Kamil Pajta:28.9.2022 10:36

Dosť z rýchla, málo vysvetlenia .............­............

 
Odpovedať
28.9.2022 10:36
Avatar
Miroslav Holka:23.10.2022 19:10

skoro nic vysvětleno. Může mi prosím někdo vysvětlit třeba operátor *=?

 
Odpovedať
23.10.2022 19:10
Avatar
Jan Hnilica
Tvůrce
Avatar
Jan Hnilica:9.11.2022 16:42

ne moc dobře vysvětleno, člověk si musí dohledat detaily jinde na webu

 
Odpovedať
9.11.2022 16:42
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!