iiinova — where your digital self keeps evolving

Andy Ray @andrewray.me · 22/03/2026

I asked Gemini to mAke tHe LoGo BiGgEr and it just emphasized the word "tit"

Andy Ray @andrewray.me · 20/03/2025

I'll probably regret sharing this too early, but here goes: Second LLM quick build experiment project: "Multitrack Song Recorder". Create a song, share the link with friends, and anyone with the link can record a new track to add to the song. Live! multitrack-eight.vercel.app

Screenshot of web interface for a multitrack song recorder

020

Andy Ray @andrewray.me · 14/03/2025

Photoshop Beta image generation is getting better. It used to be dog trash tier, now seeing some good results! Prompt: a beautiful skeuomorphic tree frog logo, glassy

010

Andy Ray @andrewray.me · 11/03/2025

Chain Reaction Pipes. #threejs time waster game based on an oldschool Flash classic. Live! andrewray.s3.us-west-2.amazonaws.com/flip/index.h...

1101

Andy Ray @andrewray.me · 28/02/2025

Recreated an old favorite Flash game time-waster in #threejs. Most of the coding was done by Cursor, which I am truly impressed with. Live! andrewray.s3.us-west-2.amazonaws.com/flip/index.h...

041

Andy Ray @andrewray.me · 27/02/2025

"Clown Fractal" in @shaderfrog.com 2.0 editor. Using a parallax map sampler of a fractal shader, and plugging that all into a Three.js material for lighting + normals + flections. Live! shaderfrog.com/2/editor/cm7... #webgl #threejs #creativecoding

051

Andy Ray @andrewray.me · 21/02/2025

"Glassic" in the @shaderfrog.com 2.0 editor. Messing around with normals and glassy materials. Live! shaderfrog.com/2/editor/cm6... #threejs #webgl #screenshotsaturday #creativecoding

042

Andy Ray @andrewray.me · 17/02/2025

Cartoon Water in @shaderfrog.com 2.0 Live! shaderfrog.com/2/editor/cm7... #threejs #webgl #screenshotsaturday #shaders

162

Andy Ray @andrewray.me · 14/02/2025

Heart boxes. Happy Valentine's day! Live: shaderfrog.com/2/editor/cm7... #threejs #webgl #creativecoding #screenshotsaturday #shaders

094

Andy Ray @andrewray.me · 10/02/2025

"Paper fire" in @shaderfrog.com 2.0. Composing shaders is similar to stacking layers in Photoshop. Live! shaderfrog.com/2/editor/cm6... #threejs #webgl #screenshotsaturday #creativecoding

0104

Andy Ray @andrewray.me · 14/12/2024

Trying to roll my own collision code for 3d objects on rails has been a nightmare. A near constant string of edge cases to deal with. It took me too many nights to get a basic setup working. #r3f #threejs #webgl

181

Andy Ray @andrewray.me · 02/12/2024

Yay, it's a simple game now! Good end to the holiday week for side project hacking. Hopefully will build a static export system next, so you can playtest it, but who knows when 🤷‍♂️ #threejs #r3f #creativecoding #screenshotsaturday

1192

Andy Ray @andrewray.me · 01/12/2024

Added another gameplay element: Group track rotation. Not yet enough elements to be a full puzzle game, but progress! I'm trying to think of level tiles/features that can interact with each other. Any suggestions? #threejs #screenshotsaturday #creativecoding #webgl

161

Andy Ray @andrewray.me · 30/11/2024

Prototyping some puzzle elements in my react three fiber game. It's almost a game! It took me way too long to figure out manual collision handling with the gates. I think the camera should be orthographic, or follow the player, or both? #threejs #r3f #screenshotsaturday #creativecoding

141

Andy Ray @andrewray.me · 27/11/2024

Now it's a little closer to a game! The visual style is a little easier to discern, the rails still aren't as clear as I would like. #webgl #threejs #screenshotsaturday

0111

Andy Ray @andrewray.me · 26/11/2024

Is it a game yet? #screenshotsaturday #webgl #threejs I'm prototyping this with react-three-fiber, and starting to find development flow.

1101

Andy Ray @andrewray.me · 25/11/2024

Voronoi Cloud Friend. Manipulating normals + vertex positions with a Voronoi shader. Live! (Double click on the Voronoi nodes to edit the GLSL) shaderfrog.com/2/editor/cm3... #screenshotsaturday #webgl #threejs #creativecoding #glsl

0193

Andy Ray @andrewray.me · 23/11/2024

The style of the marble on rails does not match the visuals I have in my head. This might be confusing in a full 3d rail maze level. Maybe some static elements near the rails will help with visual orientation. #webgl #threejs #screenshotsaturday

191

Andy Ray @andrewray.me · 23/11/2024

Hacking around with level editor for marble friend. What side project is complete without a poorly implemented level editor? #screenshotsaturday #webgl #threejs

161

Andy Ray @andrewray.me · 20/11/2024

Navigating rails in 3D is confusing. Did some late night hacking to guess "correct" direction for keyboard arrow keys controlling direction on the 3D track, taking into account the camera angle. Still some edge cases I'm not happy with. #screenshotsaturday #webgl #threejs

0161

Andy Ray @andrewray.me · 18/11/2024

Scratched my 3D game side project itch for the weekend! Back to the real world for now. No live link right now, messing around locally. #screenshotsaturday #webgl #threejs

1211

Andy Ray @andrewray.me · 18/11/2024

What am I doing with my life

100

Andy Ray @andrewray.me · 17/11/2024

Oh no. What have I done.

100

Andy Ray @andrewray.me · 17/11/2024

Bluesky Fractal Butterfly in the @shaderfrog.com 2.0 Three.js WebGL shader editor. Live! shaderfrog.com/2/editor/cm3... #webgl #webgpu #threejs #shaders Video uploading has been b0rked on Bluesky, let's see if this goes through!

021

Andy Ray @andrewray.me · 10/11/2024

Eyeeeeeeee Live shaderfrog.com/2/editor/cm3... #threejs #webgl #shaders

031

Andy Ray @andrewray.me · 30/10/2024

I watched someone at the gym put 26 plates on the leg press machine, do a half depth leg presses with hands on knees, then leave all the plates on the machine, and leave the gym. Incredible power move. Flawless.

000

Andy Ray @andrewray.me · 26/10/2024

Iterating on the parallax and eye effect is addicting. Choosing different shaders for the iris is an easy way to lose track of time. Lots of small editor updates to @shaderfrog.com 2.0 if you want to try it out! Live! shaderfrog.com/2/editor/cm2... #threejs #shaders #webgl #webgu

021

Andy Ray @andrewray.me · 26/10/2024

This dril post is currently getting more engagement on BlueSky than Twitter. Is the tide shifting?

020

Andy Ray @andrewray.me · 21/10/2024

I refactored the @shaderfrog.com 2.0 editor to support tabs and a file tree, and some UI consolidation. I also moved everything to Zustand, but hopefully you don't notice any changes from that! Live shaderfrog.com/2/editor/clk...

Shaderfrog 2.0 editor screenshot showing file tree and tabs

131

Andy Ray @andrewray.me · 13/10/2024

I'm no longer sure it's possible to export from @shaderfrog.com 2.0, given that Shaderfrog needs access to the full program source, which is not available in a typical #threejs setup... To distract myself from that problem, I'm working on adding more traditional code editor tabs + a file browser!

010

Andy Ray @andrewray.me · 11/10/2024

Now we're getting somewhere. @shaderfrog.com 2.0. Live! shaderfrog.com/2/editor/cm2... #threejs #webgl #screenshotsaturday

1152

Andy Ray @andrewray.me · 07/10/2024

First signs of life of exporting a @shaderfrog.com 2.0 shader to an executable Javascript file! The intention of this is so that the end user can avoid importing the Shaderfrog compiler and running a heavyweight compile step.

020

Andy Ray @andrewray.me · 02/10/2024

Glass Striped Fireball friend looks even cooler with a double sided material! #threejs #shaders #screenshotsaturday Live: shaderfrog.com/2/editor/clk...

032

Andy Ray @andrewray.me · 30/09/2024

Another earth configurator - mixing between shaders using the height map. Added in some vertex displacement as well. Live! shaderfrog.com/2/editor/cm1... #threejs #webgl #shaders #screenshotsaturday

021

Andy Ray @andrewray.me · 29/09/2024

Or get really weird with vertex shader composition!

020

Andy Ray @andrewray.me · 29/09/2024

A goal of @shaderfrog.com 2.0 is rapid creative prototyping. Here's a simple earth configurator where you can replace the water with any other user created shader. Infinite planet variations! Live: shaderfrog.com/2/editor/cm1... #screenshotsaturday #webgl #shaders

251

Andy Ray @andrewray.me · 28/09/2024

"Virus Glass" - open source #threejs #webgl shader effect in the @shaderfrog.com 2.0 editor. Composing effects with Three.js materials = lighting/reflections on procedural shaders for free! Live! shaderfrog.com/2/editor/clr... #screenshotsaturday #shaders

051

Andy Ray @andrewray.me · 23/09/2024

Stacking uv backfilling in @shaderfrog.com 2.0: Holy crap Live (requires intense graphics card use): shaderfrog.com/2/editor/cm1... #screenshotsaturday #threejs #shaders

081

Andy Ray @andrewray.me · 22/09/2024

Blorp. Blorp. Live! shaderfrog.com/2/editor/cm1... #webgl #threejs #glsl #shaders

021

Andy Ray @andrewray.me · 21/09/2024

There's so many possible variations with UV "backfilling." Here's a heightmap variation using a hexagonal procedural shader as the input. @shaderfrog.com 2.0 Live: shaderfrog.com/2/editor/cm1... #webgl #glsl #threejs #shaders

011

Andy Ray @andrewray.me · 21/09/2024

With "backfilling" UVs in @shaderfrog.com 2.0, you can replace image inputs to shaders with other shaders. That enabled me to take an awesome heightmap-style shader, and I replaced the static noise image seed with an animated effect! Live: shaderfrog.com/2/editor/cm1... #webgl #threejs #glsl

011

Andy Ray @andrewray.me · 16/09/2024

Bluesky now has over 10 million users, and I was #715,497!

000

Andy Ray @andrewray.me · 16/09/2024

Any procedural shader that uses uv coordinates can be an input to parallax mapping in @shaderfrog.com 2.0. Not performant at all, but really cool to play with + iterate on! Live: shaderfrog.com/2/editor/cm1... #threejs #webgl #glsl

010

Andy Ray @andrewray.me · 16/09/2024

This effect applies the parallax mapping uv offset to any other shader, "backfilling" the updated uv coordinates in the sampled shader to get depth. So many cool effects. With awesome reflection/normals for free from Three.js Live: shaderfrog.com/2/editor/cm1... #threejs #webgl #threejs

110

Andy Ray @andrewray.me · 16/09/2024

Losing my mind playing with this effect. Parallax mapping on a shader with (hacky) corrected normals in @shaderfrog.com 2.0. So many variations (more in 🧵) Live (does NOT run well on mobile!) shaderfrog.com/2/editor/cm1... #threejs #webgl #glsl

131

Andy Ray @andrewray.me · 15/09/2024

"Circle Shunk" in @shaderfrog.com 2.0. Takes a single shader and backfills its uv parameter each time it's called by the parallax map shader's updated UV coordinate. Said another way, enables any shader to become a parallax map. Live! shaderfrog.com/2/editor/cm1... #threejs #webgl #glsl #shaders

010

Andy Ray @andrewray.me · 15/09/2024

Normal map shader combination / blending in @shaderfrog.com . With refraction from Three.js. Live!: shaderfrog.com/2/editor/clx... #threejs #webgl #glsl #shaders

020

Andy Ray @andrewray.me · 13/09/2024

Pisces Resting Equirectangular Shadertoy shader by www.shadertoy.com/user/gllama import into @shaderfrog.bsky.social and composed with Three.js shader. Live! shaderfrog.com/2/editor/cm1... #glsl #webgl #threejs

031