Autor | Zpráva | ||
---|---|---|---|
Michal Sebek Profil |
#1 · Zasláno: 31. 3. 2015, 16:45:47
Jak by se udělalo, aby na webu byl třeba strom, na kterém by bylo listí a když se přes něj přejede myší, tak listí spadne tím směrem, jakým jela ta myš (samozřejmě budou pomalu klesat k zemi)
|
||
Joker Profil |
#2 · Zasláno: 31. 3. 2015, 23:51:35
Základem by asi byly události onmouseover, onmouseout a případně onmousemove.
Udělal bych prvek, který má iniciovat shození listu (dost možná ten list samotný). Na onmouseover by se uložila pozice a čas té události, na onmouseout by se z rozdílu časů určila rychlost myši a z rozdílu pozic směr (může být trochu problém když uživatel otočí směr uvnitř listu, ale při dostatečně malých listech by to nemuselo vadit). Z toho by šlo určit počáteční rychlost a směr listu. Dál je otázka, jak to má být realistické. Kdyby se takhle simuloval třeba hozený míček, bude to celkem snadné, fyzika ze střední školy, vrh a volný pád. Listy ze stromu ale padají po mnohem složitějších trajektoriích. Možná by šlo natvrdo předpočítat nějakou animaci a jen by se udal počáteční směr a rychlost. |
||
Michal Sebek Profil |
#3 · Zasláno: 1. 4. 2015, 06:55:07
Tak klidně by stačil hozený míček, mě zajímá spíš, jak se to dělá :)
|
||
Joker Profil |
#4 · Zasláno: 1. 4. 2015, 08:09:24
V tom případě to bude normálně vrh šikmý: cs.wikipedia.org/wiki/Vrh_šikmý
x0 a y0 jsou původní souřadnice, v0 se spočítá podle času mezi onmouseover a onmouseout, α se spočítá ze souřadnic onmouseover a onmouseout, t je uplynulý čas a g je gravitační konstanta toho webu :-) |
||
Michal Sebek Profil |
#5 · Zasláno: 1. 4. 2015, 15:25:28
Jak by vypadal takový kód?
|
||
blaaablaaa Profil |
#6 · Zasláno: 1. 4. 2015, 15:46:01
Michal Sebek:
http://www.flashmonkey.co.uk/html5/simple-physics/ |
||
Časová prodleva: 9 let
|
0