Tim Rodenbröker

Let's collect examples for the upcoming course on building design tools!

Added 2024-05-17 14:01:53 +0000 UTC

Hey you! 🖖

I hope you had a nice week! I've started working on a new course called "Build a Design Tool with p5.js, HTML and CSS." Here's the intro text I wrote this week:

Up to this point, you have changed all the parameters in your sketches directly in the code. This will get you very far if you are working alone on a project and it remains purely experimental. As soon as you want other people to work with your sketches, it makes sense to create a user interface with which certain parameters can be changed. This not only makes your sketch accessible to other creatives, but also allows you to define visual boundaries and explore the visual system from different perspectives.
In this course I will show you how to turn any p5.js sketch into a tool with a graphical user interface (GUI). With a little bit of HTML and CSS we will make sure everything looks good and sits in the right place.

Sounds exciting right?

I am still in the concept phase and I could need your help. I am collecting examples, inspiration and resources. If you have seen interesting design tools out there, please post a link to the comments. Thanks a lot! 😍

More news:

That's it for now,

I wish you a great weekend!

Tim