Toots for alexwarth@mastodon.social account

Written by Alessandro Warth on 2025-01-24 at 17:29

Sketchpad running on the iPad!


(This is my plug for the Ink & Switch wrapper, check it out at https://github.com/inkandswitch/wrapper)

=> View attached media

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-23 at 00:57

Fellow technologists: next time you use 'incredibly' in a sentence, consider omitting it altogether. You'll be incredibly glad you did.

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-21 at 03:49

Constraint-Based Spreadsheet, 2014.

An attempt to make spreadsheets more powerful and user-friendly by replacing one-way formulas with multi-way constraints.

Check out the source code (Ohm inside!) and play with the live demo at https://github.com/harc/constraint-based-spreadsheet

=> View attached media

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-19 at 21:42

To play with a live demo and see the source code, go to https://github.com/alexwarth/scrub

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-19 at 21:42

In this prototype, I also experimented with a purely textual way to bind the values of different number "tokens" to each other. All you had to do was type a variable name immediately after the number. Numbers with the same name would have the same value.

=> View attached media

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-19 at 21:41

But if scrubbing a number is like turning a crank, what's the equivalent of leverage / mechanical advantage? Can we get even more useful information from this interaction? I have several ideas here, but I'll leave it as an exercise for the reader :)

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-19 at 21:40

This is a manual process: all of the information in the graph comes from the user's interaction. That feels nice — it's like you're turning a crank and getting useful information in return.

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-19 at 21:40

So I added graphing as a fleeting mode: if you hold down "alt" while you scrub, the system remembers all of the input-output pairs you've seen and graphs them. This lets you see the relationship between the "variable" you're scrubbing and the result more easily.

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-19 at 21:40

I started by writing my own scrubbing calculator, which you see in this video. When the user scrubs a number, the result changes. This is helpful, but you're looking at a possibly complex relationship through a peephole, one input-output pair at a time. We can do better.

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-19 at 21:39

Graphing Scrubbing Calculator, 2013.

I was inspired by @bret's "scrubbing calculator" to explore UIs in which some of the text you type gets widget-like superpowers automatically.

1/

=> View attached media

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-18 at 04:19

Ok, it looks like I got it right but I don't like that these are all showing up in reverse order in my profile. Can somebody tell me how I can write a thread w/o confusing everybody?

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-18 at 04:17

... and this is the third message.

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-18 at 04:16

This is the second message in my thread, hopefully.

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-18 at 04:16

Don't mind me -- I'm writing this post to see if threads work the way I think they do.

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-13 at 23:20

Sketchpad: an interactive model of vanishing points made out of point-on-line and horizontal/vertical constraints!

=> View attached media

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-07 at 03:54

Sketchpad: a truss bridge made out of fixed length constraints. (Note that instantiation followed by dismembering gives you the equivalent of a "paste" in more modern systems.)

=> View attached media

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2025-01-02 at 04:01

I made this teensy-based MIDI looper and step sequencer a few years ago, which was super fun. Excited to hack on some new music projects this year!

=> View attached media

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2024-12-27 at 19:22

(Seymour is made with https://ohmjs.org/, natch.)

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2024-12-27 at 19:19

Pro tip: every example video in our Seymour paper has a button that replaces the video with an interactive editor that lets you play with the code and see how the visualization changes.

=> More informations about this toot | View the thread

Written by Alessandro Warth on 2024-12-27 at 19:15

Tangentially related: @sakekasi's beautiful parse tree visualization, which you can play with here:

https://sakekasi.github.io/alternateExample/index.html

=> View attached media

=> More informations about this toot | View the thread

=> This profile with reblog | Go to alexwarth@mastodon.social account