som zrobil https://zihadielko.lidl.sk/game (bohuzial treba byt prihlaseny)

par postrehov z "vyroby"

- pixiJS rulez ;)
- ak to chcete mat na mobilnych divajsoch ako tak svizne treba forcnut radsej canvas renderer (pixi auto renderer vrati na vacsine divajsoch webgl, co je nie celkom dobre pre mobily, tam je webgl dost kruto pomale)
- detekcia kolizii bola celkom zabava. vlastne v pozadi bezi druhy canvas (ktory nie je insertnuty v DOMe) do ktoreho synchronizujem b&W verziu prekazok (cierna je pozadie, biela je prekazka) a zaroven polohu vcelicky ta je zas spravena tak ze vcelicka je na ciernom pozadi a miesto vcelicky je "diera"
nasledne si z tohto canvasu citam areu zodpovedajucu vcelicke, ak cez vcelicku presvitaju prekazky mam koliziu. aby to bolo ako tak rychle tento canvas je dost malicky, v konecnom dosledku z neho citam cca 80x80 px, ktorymi nasledne iterujem - po 4 prvoch ziskaneho piexel arrayu samozrejme, kedze mi staci iba zistit ci pixel nie je cierny, v okamihu ako dostavam na pixeli pre "r" cislo ine ako 0 mam koliziu. prekvapivo je to celkom rychle.

edit: https://github.com/drakh/flappy-maya