el

Inigo Quilez Articles on computer graphics, math and art

@todepond.com told me about inverse bilinear transformations (they are used in screenpond). I referenced Inigo Quilez's article to implement this iquilezles.org/articles/ibi...

Squarifying each quad in a loop of quads using inverse bilinear transformation

Automerge TypeScript Maintainer Industrial research lab working on digital tools for creativity and productivity

Do you write TypeScript? Enjoy Automerge? Love building both tools and community? You might be a great fit for our ✨new✨ Automerge TypeScript Maintainer role!

www.inkandswitch.com/jobs/automer...

(Remote role, 🇬🇧 UK-based preferred but not required)

Dogfooding a todo list in hazel

Comic:
 First panel is of some code with wingdings equal to an code-inlined image editor with a sketchy fish in it.
 Then there is a text-message dialogue:
 Left person: Hi Sam. Do you think you could make my fish sprite nicer? Right person: Okay, I will try! My coding skills are pretty weak though... Could you help me get my sprite into the game code?
 Left person: Oh! I inlined a sprite editor into the code, check it out here!
 Now there is the first panel again, but the fish drawing is immaculate.
 Right person: I edited the sprite IN THE CODE!
 Left person: Beautiful :')

Here's an old comic I made for elliot.website/editor/

A drawing consisting of many overlapping and containing boxes following some rules: boxes in red boxes are vertically juxtaposed, boxes in blue boxes are horizontally juxtaposed, green boxes are for grouping, cyan boxes are either empty or unrelated to any boxes inside or overlapping them.

abstract explorational sketch of relational layout from a few months ago

Typing and snapping things together

A configuration of orange boxes in rows and columns with gaps. There are arrows between the tops of orange boxes in the same row. There is an outline around the configuration. There is a black box connected to the outline.

BTW: I'm slowly assembling a LIVE Primer to help folk submitting to LIVE (& others) get the lay of the land. Please take a look and let me know what's missing, what sucks, what's rad, etc.

live-workshop.github.io/primer/

Malleable software: Restoring user agency in a world of locked-down apps The original promise of personal computing was a new kind of clay. Instead, we got appliances: built far away, sealed, unchangeable. In this essay, we envision malleable software: tools that users can...

Malleable software: Restoring user agency in a world of locked-down apps
www.inkandswitch.com/essay/mallea...

What does it mean / look like to publish to Bluesky? As a user, do I make a post on leaflet and the content gets synced to a bluesky post? Or does a bluesky post get created that links to the leaflet document?

What if you didn't need git to collaborate on games?

We've been prototyping a new approach to collaboration in Godot: live and async collaborative editing, with branches and diffs, built right into the editor.

We're looking for people to test out an early version, see link in next post:

Agree about force graph layouts being hard to extend. I've been meaning to try penrose.cs.cmu.edu/blog/bloom and see how it is for that sort of thing. Seems like a cool approach to optimization-based layout

It wouldn't be fantastic for graphs in general, but you can make a nice interactive Directed Acyclic Graph (DAG) layout with it.

You can lay out a spanning tree of a graph and then add the rest of the non-tree edges in. The layout in the video is almost that, except a little nicer and more DAG-y.

Making progress on my relational layout lib. Did a pass on improving the API and hopefully the code is more readable now.

Dang it looks cool

Cool! You can also do it for some less-tree-like graphs, but that may require some topological sorting and stuff (currently working on using this to make a relational layout library)

The nice thing with this sort of graph (a non-rooted tree) is that you fill in unknown values in a single pass with propagation of knowns

A diagram with code on top and a graph on bottom. The code reads `const +(2,-(3,x)) = 3`. The graph has four "leaf nodes": 2, 3, 3, and x. One 3 and x are connected to a minus symbol node, and the other 3 and the 2 are connected to a plus symbol. The minus symbol has an equals sign shaped edge coming out of it that turns into and edge into the plus node.

Here's the sort of diagram I used while working on this.

I wrote a bit about defining and composing multidirectional functions from a programming language prototyping perspective here vezwork.github.io/polylab/dist...

Newsletter is back with some textiles + computation artworks and life updates.

theimpermanent.substack.com/p/three-text...

you can save and open screenpond creation on pondiverse.com

Music attribution: Funk Bump by Joshua Morse
Licensed under Creative Commons BY-NC-SA License.
Downloaded from 8bc.org/music/Joshua...

(actually I got it from the archive.org/details/Best...)

Here's a cut of some of my interactive and visual work from the past year.

I'm looking for work! I'm looking for remote work developing, prototyping and/or researching on editors, custom interactive things, or visualizations. I mostly work in JS/TS. Let me know if you know something pls ty :)

its kinda crappy and there's a lot of scaffolding in place but it works

pondiverse.com

The words "A pixel is not a little square" rendered several times in chunky pixel font, black on a white background. Through the middle, the letters are scattered into crumbled pieces.

Large black concentric rings on a white background, like ripples in a pond or a heightmap or grooves in a vinyl record. Around the outside the rings are crumpled and shattered into black bits, like grains of sand. At the right, there's a faint grid-like pattern.

I'm working on a game with @elliot.website.

#screenshotsaturday

To be clear, the video shows correct behaviour, but there are other cases where it sort-of breaks right now.

The layout algorithm is not quite correct yet, and I'm using this to help me understand where propagation is going wrong :)