Thinking through some more iframe stuff.

Got three.js to tell me where the mipmaps are.

Quad workout.

csOS - the Constraint Systems desktop environment (with a browser).

From: https://csOS.constraint.systems

A weird effect on the way to something else.

I can put all the constraint systems apps in iframes, I think.

Thinking about text zoom.

Mosaic - recreate an image using tiles from another image.

From: https://mosaic.constraint.systems

Image compression

Collage - an experimental public collage that combines images according to their complexity.

From: https://collage.constraint.systems

Displacement map peaks.

Displacement map experiment.

Returning to a collage tool.

Type - A directed typing experiment. You choose the direction the letters should flow.

From: https://type.constraint.systems

Working out directed text mechanics.

Working on newlines, with some bugs in my angle calculations.

Directed typing test.

Returning to text.

Push and pull blocks to distort an image.

From: https://push.constraint.systems

Working with mouse and touch events is one of the biggest challenges for me in making interactive web apps. The availability of pointer events helps a lot, but I still pretty quickly end up with a mess of conditionals that are hard to reason about. I'm working on some new strategies and abstractions to help with this.

PointerOne, PointerTwo, PointerThree

The pointer event API provides events for pointerDown, pointerMove, and pointerUp. Using the pointerId provided you can link those events together into a continuous Pointer object that contains the whole lifecycle. I put this together into a SubPointer class.