W tym innowacyjnym projekcie opracowałem interaktywną aplikację do rysowania, wykorzystującą iframe'y i dynamiczne zmiany kolorów w zależności od ruchów myszy. Aplikacja działa w następujący sposób:
Interfejs rysowania: Główny iframe służy jako płótno do rysowania. Użytkownicy mogą malować, używając różnych kolorów, które są wybierane poprzez ruchy myszy. Każdy kolor jest reprezentowany w formacie RGB.
Wybór i malowanie kolorami: Gdy użytkownicy poruszają myszą po płótnie, wybrany kolor (wartość RGB) jest aplikowany na rysunek. Umożliwia to tworzenie żywej i dynamicznej grafiki bezpośrednio w iframe.
Konwersja kolorów na ASCII: Po ukończeniu rysunku aplikacja odczytuje kolory z płótna. Każda wartość koloru RGB jest konwertowana na odpowiadający jej kod ASCII. Ta transformacja wykorzystuje fakt, że wartości RGB mogą reprezentować znaki ASCII, co pozwala na unikalne przedstawienie grafiki.
Wyświetlanie ASCII Art: Przekonwertowane wartości ASCII są zapisywane do drugiego iframe. Ten iframe wyświetla grafikę jako zwykły tekst, gdzie każdy znak reprezentuje kod ASCII oryginalnego koloru. Transformacja ta zapewnia fascynujący sposób wizualizacji związku między kolorami a tekstem.
Ten projekt pokazuje kreatywne połączenie sztuki wizualnej i kodowania tekstu, zapewniając angażujące doświadczenie, w którym użytkownicy mogą zobaczyć swoje rysunki przekształcone w format tekstowy. Układ z dwoma iframe'ami zwiększa interaktywność i demonstruje potencjał łączenia danych graficznych i tekstowych w innowacyjny sposób.