Andy Ray
LightNews LightNews
banner
andrewray.me
Andy Ray
@andrewray.me
310 followers 120 following 260 posts
Creative full stack developer and engineering manager. Typescript, React, Next.js, Three.js, WebGL, Golang. Dabble in compilers. License plates, biking, Vim.

Blog: https://andrewray.me

Creator of Shaderfrog https://shaderfrog.com/2

He/him
Posts Replies Media Videos
andrewray.me
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
March 20, 2025 at 3:32 AM
andrewray.me
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
a beautiful skeuomorphic tree frog logo, glassy
March 14, 2025 at 11:51 PM
andrewray.me
Chain Reaction Pipes. #threejs time waster game based on an oldschool Flash classic.

Live! andrewray.s3.us-west-2.amazonaws.com/flip/index.h...
March 11, 2025 at 3:27 AM
andrewray.me
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...
February 28, 2025 at 6:15 AM
andrewray.me
"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
February 27, 2025 at 11:50 PM
andrewray.me
"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
February 21, 2025 at 6:26 PM
andrewray.me
Cartoon Water in @shaderfrog.com 2.0

Live! shaderfrog.com/2/editor/cm7...

#threejs #webgl #screenshotsaturday #shaders
February 17, 2025 at 9:38 PM
andrewray.me
Heart boxes. Happy Valentine's day!

Live: shaderfrog.com/2/editor/cm7...

#threejs #webgl #creativecoding #screenshotsaturday #shaders
February 14, 2025 at 8:56 PM
andrewray.me
"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
February 10, 2025 at 4:19 AM
andrewray.me
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
December 14, 2024 at 7:05 AM
andrewray.me
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
December 2, 2024 at 6:12 AM
andrewray.me
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
December 1, 2024 at 6:54 AM
andrewray.me
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
November 30, 2024 at 5:20 AM
andrewray.me
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
November 27, 2024 at 5:30 AM
andrewray.me
Is it a game yet? #screenshotsaturday #webgl #threejs

I'm prototyping this with react-three-fiber, and starting to find development flow.
November 26, 2024 at 11:18 PM
andrewray.me
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
November 25, 2024 at 6:55 PM
andrewray.me
Hello, hi? Yes. Is it a game yet?

#screenshotsaturday #webgl #threejs
November 25, 2024 at 7:27 AM
andrewray.me
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
November 23, 2024 at 7:28 PM
andrewray.me
Hacking around with level editor for marble friend. What side project is complete without a poorly implemented level editor?

#screenshotsaturday #webgl #threejs
November 23, 2024 at 7:03 AM
andrewray.me
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
November 20, 2024 at 7:13 AM
andrewray.me
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
November 18, 2024 at 7:05 AM
andrewray.me
Progress!
November 18, 2024 at 5:53 AM
andrewray.me
What am I doing with my life
November 18, 2024 at 3:21 AM
andrewray.me
Oh no. What have I done.
November 17, 2024 at 11:10 PM
andrewray.me
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!
November 17, 2024 at 9:31 PM