Czołem Wykopy, Mirki i inne stworzenia.
Jakieś pół roku temu zrobiłem stronę internetową do tworzenia prostych animacji oraz publikowania ich jako GIFy i dzisiaj chciałbym się Wam nią pochwalić. (⌐ ͡■ ͜ʖ ͡■)
//flipanim.com
Strona utrzymana jest w klimatach bazgrolenia animacji na kartkach w zeszycie, temu starałem się aby była jak najprostsza w obsłudze.
Projekt zacząłem rozwijać ponad pół roku temu, tak czysto hobbystycznie, jako rozrywka po pracy. Początkowo miała być to jedna strona ze skryptem JS tylko do tworzenia animacji. Potem jednak pomyślałem, że fajnie byłoby mieć możliwość wrzucania na fejsbuka narysowanych animacji, ale tak od razu ze strony bez ich wcześniejszego ściągania, więc dopisałem też backend który by się tym zajmował. No i jakoś się tak to dalej potoczyło, że kontynuuję rozwijanie projektu do dzisiaj. Parę dni temu dodałem możliwość zakładania kont na stronie i z tej okazji postanowiłem pochwalić się na
mirko. A że spotkałem się tam raczej z pozytywnym odezwem (a nawet i dwóch Mireczków zachęcało mnie do zrobienia znaleziska) to postanowiłem podzielić się swoją twórczością także z Wami. ʕ•ᴥ•ʔ
Strona ma widok responsywny, więc powinna sensownie wyświetlać się także na smartfonach i tabletach.
A dla tych co nie mają talentu do rysowania to zachęcam sprawdzenie galerii - jest tam trochę ciekawych animacji.
//flipanim.com/anim=kuGKo65W
//flipanim.com/anim=NSIFeUlz
//flipanim.com/anim=BJTQ3zAU
//flipanim.com/anim=gDbNmR8O
//flipanim.com/anim=88r0goyl
//flipanim.com/anim=JvjYPmgm
//flipanim.com/anim=bTxFWbit
Z kwestii techicznych. Frontend: HTML5 (m.in. canvas i transformacje 3d CSSa) i czysty JS; Backend: PHP (też bez frameworków) i MySQL.
W razie pytań postaram się odpowiedzieć w komentarzach.
Zapraszam! ( ͡° ͜ʖ ͡°)
Komentarze (152)
najlepsze
np. to http://flipanim.com/gifs/9DTFI3rn.gif
http://flipanim.com/gifs/9j63DV1Y.gif
http://flipanim.com/gifs/HBivKm9z.gif
http://flipanim.com/gifs/MPmJeerj.gif
Dobra, narysuję coś innego, ale to musiałem (✌ ゚ ∀ ゚)☞
Ale na kolorowanie obszarów POD czarnym konturem możesz też użyć narzędzia mazaka (ten niebieski w toolboxie, skrót pod literką "E"), wtedy mógłbyś zamalować czerwonym kolorem tło pod ciemniejszym kolorem nie zamalowując go.