You are viewing archived messages.
Go here to search the history.

Marcelle Rusu (they/them) 2023-10-23 21:15:02

Anyone play around with this? I was given this back in first-year comsci, and I think honestly there's few tools which top it.

Tom Lieber 2023-10-24 03:23:22

I know the creator. :) It’s great.

Srini K 2023-10-24 12:36:16

yeah Philip Guo created it, loosely inspired by some of Bret’s work. Check out his paper and follow up work by his lab (like pandas tutor)!

Joshua Horowitz 2023-10-27 08:54:29

Kaleido lets a Processing programmer draw a picture to map out different parts of their program:

This idea is so simple and “unsophisticated” and it looks utterly transformative. (I’ve never seen anything like it!)

Mike Austin 2023-10-27 19:10:45

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.

Mike Austin 2023-10-27 19:20:27

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.

Designer Mockup.png

Mike Austin 2023-10-27 19:32:18

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!