Kaboom Draw

For programming beginners, the feedback loop between code and output is a very cumbersome process. This is because every time you modify code, you have to press the run button each time to check the result.

This experiment aims to implement Bret Victor's 'Learnable Programming' concept by combining the extensibility of CodeMirror 6 with the Kaboom game library.

The key implementation methods are as follows:

• CodeMirror 6 Extension: Provides the ability to manipulate arbitrary values within the code through mouse clicks and drags.
• Real-time Visual Feedback: Implements delay-free Live-reloading by re-evaluating the code every frame within Kaboom's onDraw() event.

Users can control the code through intuitive interactions such as the following:

• Alt + Drag: Changing numbers and moving object positions via vec2(x, y)
• Alt + Click: Invoking the rgb(r, g, b) color picker
• Snippets and Drag and Drop: Creating shapes and inserting image sprites