Projekt z przykładem prostego efektu wody, który prototypowałem dla klienta.
Ostatecznie zdecydowaliśmy się na trochę inne podejście do tematu, w związku z czym postanowiłem podzielić się tym projektem.
Zamysł był taki, by stworzyć efekt wody, która wizualnie wyglądała i poruszała by się jako jeden obiekt bez widocznych łączeń. Zachowując przy tym płynność i łatwość w kontrolowaniu prędkości oraz wysokości fali.
Interactive demo
Zasada działania jest dość prosta. Efekt wykorzystuje plugin'a Canvas od R0J0hound, który tworzy krzywe bezier'a pomiędzy punktami (obiektami Sprite) rozłożonymi równomiernie wzdłuż layout'u. Każdy Sprite posiada sine behavior, który kontroluje wysokość oraz prędkość fali.