Interactive environment for visual creative coding

Abstract

This thesis presents a programming environment for generating simple 2D visual pat- terns using a custom domain-specific language. The environment includes an interpreter, an editor with real-time error highlighting, and a canvas for rendering output. The most notable feature of the system is that users can interact with drawn shapes by dragging points, which triggers the generation of alternative program versions that produce the de- sired result. These versions are rendered, each paired with its modified source code. Users can compare and select a preferred version, which they can apply to update their pro- gram. The system demonstrates a novel form of output-driven code modification aimed at creative experimentation and could help as an educational tool for understanding how expression changes affect code and thus visual output.

Táto práca prezentuje programovacie prostredie na generovanie prostých 2D vizuál- nych vzorov pomocou vlastného doménovo špecifického jazyka. Prostredie obsahuje in- terpret, editor so zvýrazňovaním chýb v reálnom čase a plátno na vykresľovanie výstupu. Najvýznamnejšou funkciou systému je, že používatelia môžu interagovať s nakreslenými obrazcami ťahaním bodov, čo spustí generovanie alternatívnych verzií programu, ktoré vytvárajú požadovaný výsledok. Tieto verzie sa vykresľujú, pričom každá z nich je spá- rovaná so svojím upraveným zdrojovým kódom. Používatelia môžu porovnať a vybrať preferovanú verziu, ktorú môžu použiť na aktualizáciu svojho programu. Systém demon- štruje novú formu modifikácie kódu riadenej výstupom zameranú na tvorivé experimento- vanie a mohol by pomôcť ako vzdelávací nástroj na pochopenie toho, ako zmeny výrazov ovplyvňujú kód, a tým aj vizuálny výstup.