Kaleido lets a Processing programmer draw a picture to map out different parts of their program: https://vimeo.com/11064303.
This idea is so simple and “unsophisticated” and it looks utterly transformative. (I’ve never seen anything like it!)
10/27/2023, 7:10 PM
I feel like there are multiple and different use cases here. I like being able to visually comment / document code, and that it's "live". The ball example, however, could also be expressed as a visual design (not just a visual link), as in Flash or other visual design tool, with the properties and events on the right.
I've been prototyping a very simple designer with a "properties and events" panel, and am trying to find the balance between not writing any code (on event onMouseDown, run action "playNote", argument "C4", for example). In this sense, inactive elements could be placed on the canvas or off-screen like the convention used in Flash. Let my tidy up my Balsamiq and post it here.
This is not supposed to be "innovative", just thinking about the most simple UI designer and how to interact with it, and this topic relates very closely.
I imagine being able to import actions such as for music, setting shape properties, game effects (jump, spin, etc.) without having to write code, but you should also be able to create your own actions very easily and use the editor towards the bottom.
Thoughts? I didn't mean to hijack, but I was just about to post my own related topic.
I also like the idea of code-bookmarking, visually such as in Kaleido, or generated using Markdown in code comments - a type of "inverted" Notebook style you could say. This is giving me some ideas, thanks for posting!
11/04/2023, 2:00 AM
Really cool. Thanks for posting @Joshua Horowitz. I like that Keleido is simple and focused on creating links between parts of code and parts of a pretty free form drawing.