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
- toolbox cały czas dostępny po prawej lub lewej - bez konieczności najechania na ikonkę na dole
- większy obszar roboczy
- możliwość oceniania animacji, tagowania i wyszukiwania po tagach i najlepszych
@taq
@ej-no-nie-przesadzaj: Na co dzień jako programista, ale bardziej aplikacji biznesowych. Po godzinach koduję jakieś gierki i inne śmieszne aplikacje jak ta tutaj. ( ͡° ͜ʖ ͡°) Aktywnie teraz niczego nie szukam, ale jak masz jakieś konkretne projekty to chętnie rzucę okiem co i jak.
- panel wyboru narzędzia - zawsze widoczny (ciągłe klikanie żeby coś zmienić jest męczące)
- oskrótować wszystko co można wzorem edytorów graficznych (wybór narzędzia - p ołówek, e gumka, [] zmiana rozmiaru)
- wybór wielkości/proporcji obrazka
- zaznaczanie i przesuwanie elementów lub całych obrazków
A