Isaac Mason
banner
isaacmason.bsky.social
Isaac Mason
@isaacmason.bsky.social
Drinking takeaway code, writing clean coffee.

https://isaacmason.com
Nice :) I referenced the below but ended up making my own impl that keeps data structures serialisable (just arrays and gl-matrix) and avoids allocations.

github.com/FedUni/caliko
github.com/lo-th/fullik
editor.p5js.org/rjgilmour/sk...

also enjoyed (for 2d fabrik):
www.youtube.com/watch?v=NfuO...
Coal humerus by rjgilmour -p5.js Web Editor
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.
editor.p5js.org
April 28, 2025 at 11:07 PM
Per usual, the sketch is open source and can be found on my website / github:

live: sketches.isaacmason.com/sketch/crawler
github: github.com/isaac-mason/...
Sketches | Isaac Mason
A collection of three.js sketches exploring web graphics, physics, ai, interaction, and more.
sketches.isaacmason.com
April 28, 2025 at 2:01 AM
This is my first stab at foot placement procedural animation so my approach is fairly rudimentary.
tl;dr

- raycast to find an ideal foot position
- step if the current vs ideal distance exceeds some threshold, and a leg is within their slot in a repeating step phase timer
April 28, 2025 at 2:01 AM
I created a handful of controls to quickly throw together new "crawlers". If I use this in a game someday I'd imagine creating a bunch of different characters and enemies just with different crawler configurations.
April 28, 2025 at 2:01 AM