2026-09-26T02:36:47Z https://drops.dagstuhl.de/oai

oai:drops-oai.dagstuhl.de:24298 2026-09-23T22:59:12Z ddc:004 open_access

PShapeTrace: Linking Drawing Instructions with Visual Outcomes in Processing Ishio, Takashi Yamasaki, Yuta Traceability dynamic analysis graphical user interface Processing is a Java-based programming language designed to facilitate learning programming through visual arts and creative coding. However, beginners must simultaneously learn both the programming language itself and image-processing concepts such as coordinate systems, making it challenging to understand the correspondence between drawing instructions and their visual outcomes. To help beginners analyze the drawing process in their code, this study proposes a tool named PShapeTrace that observes the execution of Processing programs and visualizes the relationship between drawing instructions and their results. A user study was conducted to evaluate the tool. Participants reported that the tool was useful for completing programming tasks. The resulting System Usability Scale (SUS) score was 72.75, indicating acceptable usability. Schloss Dagstuhl – Leibniz-Zentrum für Informatik Takashi Ishio and Yuta Yamasaki 2025 Is Part Of OASIcs, Volume 134, Companion Proceedings of the 9th International Conference on the Art, Science, and Engineering of Programming (Programming 2025) InProceedings Text doc-type:ResearchArticle publishedVersion application/pdf doi:10.4230/OASIcs.Programming.2025.14 urn:nbn:de:0030-drops-242982 https://drops.dagstuhl.de/entities/document/10.4230/OASIcs.Programming.2025.14 eng https://creativecommons.org/licenses/by/4.0/legalcode