Etch-a-Sketch: Web- aplikacja do rysowania
Interaktywna siatka pikselowa, na której użytkownik może "rysować", najeżdżając kursorem na bloki. Gra z kolorami, przezroczystością i rozmiarem siatki — wszystko zrealizowane na czystym JavaScript.
Zrealizowano:
- dynamiczna siatka (od 1×1 do 100×100)
- losowe kolorowe wypełnienie przy najechaniu
- efekt przyciemniania bloków z każdym najechaniem (zmniejszanie przezroczystości)
- możliwość zmiany rozmiaru siatki
- responsywny interfejs, który dostosowuje się do rozmiaru ekranu
Użyto:
- HTML5
- CSS3 (flexbox, responsywny design)
- JavaScript (manipulacje DOM, generowanie kolorów, obsługa zdarzeń)
Projekt stworzony jako część nauki w The Odin Project. Cała funkcjonalność zrealizowana samodzielnie.
Zrealizowano:
- dynamiczna siatka (od 1×1 do 100×100)
- losowe kolorowe wypełnienie przy najechaniu
- efekt przyciemniania bloków z każdym najechaniem (zmniejszanie przezroczystości)
- możliwość zmiany rozmiaru siatki
- responsywny interfejs, który dostosowuje się do rozmiaru ekranu
Użyto:
- HTML5
- CSS3 (flexbox, responsywny design)
- JavaScript (manipulacje DOM, generowanie kolorów, obsługa zdarzeń)
Projekt stworzony jako część nauki w The Odin Project. Cała funkcjonalność zrealizowana samodzielnie.