banner
LightNews
tdhooper.bsky.social
Thomas Hooper
@tdhooper.bsky.social
960 followers 1.5K following 35 posts
Code artist. Graphics programmer (ex Jumpship Studio). Web developer (ex Last.fm). he/him mastodon.gamedev.place/@tdhooper · x.com/tdhooper · stainlessvision.com
Posts Media Videos Starter Packs
Pinned
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Nov 21
Hi Bluesky!

With the sudden closure of Jumpship, I'm looking for a new role

I'm looking for anywhere I can make beautiful things with code, my ideal role would be a mix of graphics programming, technical art, and gameplay programming (or anything else interactive)
7 27 75
Reposted by Thomas Hooper
mattkeeter.com
Matt Keeter @mattkeeter.com · Mar 12
hello my talk is online now and you can watch it

www.youtube.com/watch?v=UxGx...

(it's pretty good IMHO)
Implicit Surfaces & Independent Research
YouTube video by Matt Keeter
www.youtube.com
3 17 61
Reposted by Thomas Hooper
jarllarsson.bsky.social
Jarl Larsson @jarllarsson.bsky.social · Feb 2
I've written an article for my webpage on how the raymarcher for The Gunk was made! jarllarsson.github.io/gen/gunkraym...
#gamedev #xbox #gp #graphicsprogramming #rendering #unreal
Raymarching The Gunk
How the raymarched slime was developed for the game The Gunk.
jarllarsson.github.io
5 22 87
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 28
Thanks for pointing this out, I think you're right. I tried a different approach; jittering the dots a little www.shadertoy.com/view/4XVBDh
Shadertoy
www.shadertoy.com
1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 25
This is a lot less elegant, but kind of interesting www.shadertoy.com/view/4XGBzz
Shadertoy
www.shadertoy.com
1 10
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 24
Beautiful effect, and thank you for the detailed explainer!

I wonder how it would look with a noisier distribution of dots? Might help with the artifacts at glancing angles

Here's a rough sketch using fractal layers of voronoi www.shadertoy.com/view/M3cfWf
Shadertoy
www.shadertoy.com
1 1 13
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 23
Exploring the fractal reef
1 23
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 23
cool :) I've applied
1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 23
I am, though are they okay with fully remote? I’m in London
1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 23
The atomic structure of fractals
2 2 71
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 20
That’s handled by Three.js threejs.org/examples/mis...

To position them, I execute the map function separately to find the jacobian matrix of p for each gmTransform invocation

Changes to the gizmos are then sent back to the shader as uniforms
three.js webgl - transform controls
threejs.org
1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 20
It's really fun to explore fractals this way tdhooper.github.io/offline-shad...
4 25
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Jan 20
One of the tedious aspects of modeling SDFs with raw shader code is adjusting the position of objects, so I'm adding transform gizmos into my tool

They write changes directly to the shader on disk, so I don't need an external object hierarchy

tdhooper.github.io/offline-shad...
3 7 62
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Dec 4
Doing the same in 3D is similar, but we need to find the axis of rotation as well as that convergence point, I break that down here www.shadertoy.com/view/wslyzH
Shadertoy
www.shadertoy.com
9
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Dec 4
Once we've put all that together we can have some fun with it ;) here's the shader used to make these gifs www.shadertoy.com/view/lf3BDr
1 1 8
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Dec 4
Finally we just need to scale exponentially instead of linearly
1 3
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Dec 4
Notice there is a point that the fractal converges on, if we rotate around that, it looks better but there's still a little jump

I've a method for finding this point of convergence here www.shadertoy.com/view/tscBDH
1 1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Dec 4
We can try linearly interpolating from one transform to the next, it loops, but it's not continuous
1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Dec 4
Let's look at the problem in 2D, we want to achieve this, moving from one face to the next in a smooth continuous movement
1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Dec 4
Finding a camera path that loops seamlessly is straightforward if you're just spinning around an object, or zooming in to a point... but I wanted a path that seamlessly loops between two parts of any self-similar fractal.
1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Dec 4
This one's from 2020, one again created entirely with a raymarching shader

www.youtube.com/watch?v=ACqg...

This time I'll talk about seamless camera movement...
Bloom 💀
YouTube video by tdhooper
www.youtube.com
2 1 25
Reposted by Thomas Hooper
nervousjesse.bsky.social
Jesse Louis-Rosenberg @nervousjesse.bsky.social · Dec 2
Our new Radiozoa jewelry collection and Patreon sculptures build on our work designing structures with anisotropic centroidal Voronoi diagrams. Here’s a deep dive thread on what that means and how we generate these forms.

n-e-r-v-o-u-s.com/shop/line.ph...

🧵
3 16 68
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Nov 26
Bluesky seems to have lost the video, so here's a link instead www.youtube.com/watch?v=ce-1...
Fractal Polycephaly
YouTube video by tdhooper
www.youtube.com
1 6
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Nov 26
I've messaged you on linkedin :)
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Nov 22
Once we have these closest hexagon centers, we can calculate an SDF for the hexagon edges, use that to fracture our head geometry, and even blend smaller heads into the hexagons :)
1 1
tdhooper.bsky.social
Thomas Hooper @tdhooper.bsky.social · Nov 22
Here's a shadertoy with a minimal version of this geodisic tiling method www.shadertoy.com/view/XtKSWc
Shadertoy
www.shadertoy.com
1 7