Codepen, Stuffit a trhání látky za pomocí HTML5, CSS, Javascriptu a Canvasu

Jeden zkušený programátor, který si říká Stuffit, na vývojářském portálu Codepen zveřejnil zdrojový, který dokáže věrně nasimulovat chování a fyzikální vlastnosti látky. Využívá přitom pouze HTML5, Canvasu, CSS a hlavně JavaScriptu. Celý zdrojový kód má přibližně 300 řádků kódu.

Látce sice chybí textura, je to jen jednoduchá síť, alei tak to úplně stačí k tomu, abyste se mohli na vlastní oči přesvědčit, co všechno se dá udělat za pomocí několika programovacích jazyků.

Po rozklinutí odkazu si ůžete začít hrát: https://codepen.io/stuffit/pen/KrAwx.

Držením levého tlačítka myši a pohybem myši můžete pohybovat látkou, jako kdyby do ní foukal vítr. Když budete navíc hodně suroví, látku můžete i potrhat. Dokonalé!Pokud by vám to nestačilo, na další výtvory od člověka jménem Stuffit se můžete podívat na https://codepen.io/stuffit/

Jestliže jste líní jako vši a nechcete si hrát, můžete se přímo podívat na video níže, jak se celá webová hračka chová.