NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Javascript - animace po křivce

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:13.3.2016 11:09

Ahoj.

Snažím se vymyslet, jak vytvořit animaci závodu, pomocí JS. Mělo by jít o závodní dráhu při pohledu shora.
V příloze mám obrázky, první by měl reprezentovat mapu tak jak ji uvidím v animaci (plus by přibylo třeba vykreslení přírody okolo trati, ale to teď není důležité). V druhém obrázku je pak rozvržení dvou křivek, které by reprezentovaly jednotlivé cesty pro "závodníky"

Na začátku by bylo několik barevných teček, reprezentujících jednotlivé závodníky, seřazených na jedné stopě za sebou. Při startu by se všechny body začaly pohybovat po křivce na které se nacházejí. Dále bych měl někde vygenerovaný seznam, kdy v určitá čas animace například bod s ID2 předjede před ním jedoucí bod s ID1. to by znamenalo že vy musel zadní jezdec plynule přejet na volnou stopu a pak ho teprve předjet a opět se zařadit zpátky.

Jde mi o to jakou technologii zvolit. Podklad (trať s okolím) bych zřejmě vykreslil klasicky na canvas. Nicméně mi není jasné, jak dosáhnout toho pohybu po křivkách a přecházení bodů mezi nimi při předjíždění.
Po googlení jsem našel zatím jen nějaké řešení pomocí SVG, kterému jsem ale moc nerozuměl a přišlo mi poměrně komplikované.

Další "level" by byl, že by jednotlivé jezdce symbolizovaly místo teček formulky, ale ty by se musely ještě natáčet podle směru jízdy a tím to zatím nebudu komplikovat.

Odpovědět
13.3.2016 11:09
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:13.3.2016 11:10

Koukám že obrázky se nepřiložily, tak snad teď

Nahoru Odpovědět
13.3.2016 11:10
Neaktivní uživatelský účet
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.