Sign in

Andy Ray

@andrewray.me
326 followers 118 following 266 posts

Creative full stack developer and engineering manager. Typescript, React, Next.js, Three.js, WebGL, Golang. Dabble in compilers. License plates, biking, Vim. Blog: andrewray.me Creator of Shaderfrog shaderfrog.com/2 He/him

PostsRepliesMedia
Andy Ray @andrewray.me · 06/09/2026
shaderfrog.com/infinite
shaderfrog.com
000
Andy Ray @andrewray.me · 22/03/2026
I asked Gemini to mAke tHe LoGo BiGgEr and it just emphasized the word "tit"
010
Andy Ray @andrewray.me · 15/05/2025
What?
000
Andy Ray @andrewray.me · 28/04/2025
I released version 6.0 of the @shaderfrog.com GLSL parser with bug fixes and improvements to error reporting. Changes: github.com/ShaderFrog/g... npm i '@shaderfrog/glsl-parser@6.0.1'
github.com
6.0.0 Breaking change: parser.parse() -> parse() with better error message by AndrewRayCode · Pull Request #53 · ShaderFrog/glsl-parser
This change adds a new API to access the parse function directly rather than import the parser. The README has been updated in this branch to reflect the change. Old way to parse: import { parser }...
021
Reposted by Andy Ray
Gil Carvalho MD PhD @gilcarvalhomdphd.bsky.social · 18/04/2025
New video out on the Keto and heart disease study (aka LMHR). Findings, FAQs and what it all means. check out the full video below incl. my chat with the senior author Dr. Matthew Budoff clarifying several standing issues 🔽
1105
Reposted by Andy Ray
Gwen Frey @diregoldfish.bsky.social · 15/04/2025
Logic, Laughter, and Laser Grids For anyone interested in behind-the-scenes puzzle dev stuff this is an interview I gave on the making of Lab Rat: news.xbox.com/en-us/2025/0...
news.xbox.com
Building Lab Rat: Gwen Frey on Logic, Laughter, and Laser Grids - Xbox Wire
An interview with developer Gwen Frey about creating her latest title, Lab Rat, out now on Xbox.
1256
Reposted by Andy Ray
Anderson Mancini @andersonmancini.bsky.social · 08/04/2025
🚀 Launch time! Mantis lets you build immersive 3D storefronts in just a few clicks — no code needed. Bring your products to life, boost engagement, and stand out from the crowd. Opening access today → mantisxr.com/start Spots are limited. #threejs #webgl #creativecoding
093
Reposted by Andy Ray
Ken Jennings @kenjennings.bsky.social · 07/04/2025
This is really unfair to everyone who just voted for him for the racism.
10997805413821
Andy Ray @andrewray.me · 30/03/2025
Woohoo @gilcarvalhomdphd.bsky.social is on Bluesky! He does objective, evidence based reviews on nutrition and health. My #1 trusted source on nutrition. Go follow! bsky.app/profile/gilc...
020
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 · 19/03/2025
Observations - It’s very bad at tricker React state issues (stale vars in closures) - It’s pretty bad at esoteric web APIs (audio) - Cursor is low quality, very buggy, no support - Claude code is probably better choice (more expensive) - Still requires heavy human 🧠 and 🙌, can’t yolo projects
000
Andy Ray @andrewray.me · 19/03/2025
I caved and paid for Cursor, using with Claude right now. So far it has helped me quickly ideate two side project ideas, reducing turnaround time from weeks to days.
100
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
a beautiful skeuomorphic tree frog logo, glassy
010
Andy Ray @andrewray.me · 11/03/2025
There is a secret 10x bonus if a pipe path ever connects from top to bottom or left to right. However I'm not sure if it's possible for the bonus to actually happen! The pipes usually rotate in alternating zigzags, not in a way that leads to long contiguous connections.
000
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 · 11/03/2025
Fwiw shaderfrog is a code editor, you still write raw GLSL, you can see the source code by double clicking red or green nodes in the link above. Connecting nodes is like importing the other shader as a module, and inlining its main function. “Hybrid” graph and code editing
010
Andy Ray @andrewray.me · 10/03/2025
Shaders are inherently visual so I like the idea of some kind of shadercn library having preview images for everything, including functions. Shader programs, conveniently, are easy to render with a main() fn. And shaderfrog turns full shaders into modules, so they are portable + composable.
110
Andy Ray @andrewray.me · 10/03/2025
Glslify (now dead) is another example- shader snippets published to npm. @shaderfrog.com 2.0 is also meant to be that - every shader on the site is composable with any other shader. For example this is made up of a few smaller shaders shaderfrog.com/2/editor/clk...
shaderfrog.com
121
Reposted by Andy Ray
Verekia 🔮 ManaBlade.com @verekia.com · 04/03/2025
💌 The Web Game Dev Newsletter Issue 025 is out! Read it online here: www.webgamedev.com/newsletter/025, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev
webgamedev.com
Newsletter – Issue 025 | Web Game Dev
12210
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 · 18/02/2025
It’s a webgl (browser) shader editor I created. That shader linked is in a three.js scene. But the editor can support any webgl engine. m.youtube.com/watch?v=8u61...
m.youtube.com
Shaderfrog 2.0 Introduction Tutorial
YouTube video by Shader Frog
000
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 · 03/02/2025
Also there are countless LLM options, but Google AI Studio lets you generate and use an API key immediately for prototyping aistudio.google.com/app/apikey
aistudio.google.com
Sign in - Google Accounts
000
Andy Ray @andrewray.me · 03/02/2025
I made my first ever LLM app! It asks two arguing people to each enter their side of the story, and it generates a witty back-and-forth script in the style of the West Wing. Each person reads their lines aloud, and the script ends in resolution of the issue. It turned out terribly!
100
Reposted by Andy Ray
Rune Skovbo Johansen @runevision.bsky.social · 23/01/2025
New dithering method dropped I call it Surface-Stable Fractal Dithering and I've released it as open source along with this explainer video of how it works. Explainer video: www.youtube.com/watch?v=HPqG... Source repository: github.com/runevision/D... #gamedev #vfx
461592384
Andy Ray @andrewray.me · 20/01/2025
Embed test d29uqgaj5peif4.cloudfront.net/00e5bf7150b4...
d29uqgaj5peif4.cloudfront.net
000
Andy Ray @andrewray.me · 20/01/2025
Oh @bsky.app, will you ever properly fetch metadata to show embed card images?
100
Andy Ray @andrewray.me · 20/01/2025
Lots of beautiful detail shows up when sampling fractals multiple times to create a depth / normal map effect #threejs #webgl #shaders shaderfrog.com/2/editor/cm6...
shaderfrog.com
120
Andy Ray @andrewray.me · 10/01/2025
On a holiday flight back to SF, about 2 hours before landing, they announced that all of the toilets on the plane would no longer flush due to a “sensor error,” and if you needed to go, contract a flight attendant and they would “assist you.”
100
Reposted by Andy Ray
BNO News @bnonews.com · 01/01/2025
JUST IN: Tesla Cybertruck explodes at the entrance to Trump International Hotel in Las Vegas
74591512460
Andy Ray @andrewray.me · 30/12/2024
Jony Ive damaged the design world for a long time by popularizing flat design. Beautiful, accessible skeuomorphism is slowly coming back, but not fast enough!
000
Andy Ray @andrewray.me · 30/12/2024
Inspired by a user request, I created the first Shaderfrog 2.0 tutorial: www.youtube.com/watch?v=8u61... #threejs #webgl #webgu #shaders #screenshotsaturday
youtube.com
Shaderfrog 2.0 Introduction Tutorial
YouTube video by Shader Frog
1113
Andy Ray @andrewray.me · 28/12/2024
For past injuries, I would stop exercising that area (or my whole body), waiting for pain to fully go away before I thought it was "safe" to start again. Now, I take some time off, then resume exercise with reduced weight, and work my way back up. So far, healing has been productive and fast.
000
Andy Ray @andrewray.me · 28/12/2024
The conclusions of this article on pain management through injury and recovery have been influential on me. Specifically resuming exercise through pain/injury, not overly limiting mobility, and not being afraid of it. startingstrength.com/article/ache...
startingstrength.com
Aches and Pains | Austin Baraki
Pain: everyone has felt it, whether they train with barbells or not. It’s part of the human condition to feel aches, pains, and tweaks of the neck, back, shoulders, knees, ankles, and just about every...
110
Reposted by Andy Ray
The Ebenezer @thebenezer.bsky.social · 14/12/2024
This is how to get Beautiful Glow Effect in your threejs projects!✨ Mini Tutorial⬇️ (0/8) #threejs #website #3d
3256
Andy Ray @andrewray.me · 14/12/2024
I'm not sure I want to keep this mechanic. You move with arrow keys, and move continuously until you hit a wall, then you pick a new direction. Hitting moving elements makes this a lot more complicated, with confusing edge cases. I might simply want pushable objects, not moving ones.
000
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
Reposted by Andy Ray
SimonDev @simondev.bsky.social · 08/12/2024
💾 Memory management is tricky, but important! Spotting, tracking, and resolving memory leaks takes skill, and practice. This section will step through real examples, from beginner-friendly examples to tricky edge cases. #threejs Sign up👉 simondev.teachable.com/p/games-thre...
simondev.teachable.com
Three.js Games
Threejs and game development
2365
Reposted by Andy Ray
Markus Oberlehner @markus.oberlehner.net · 06/12/2024
Running eight component tests for a complicated form in a *real browser* (!) in 768ms? This changes my stance on mainly using a mock DOM environment for testing! @vitest.dev Browser Mode is a true paradigm shift!
1516919
Andy Ray @andrewray.me · 05/12/2024
Upgraded to a 7.0!
000
Andy Ray @andrewray.me · 05/12/2024
Damn that was a 6.0?? bsky.app/profile/rast...
100
Andy Ray @andrewray.me · 05/12/2024
Earthquake in SF!
100
Andy Ray @andrewray.me · 02/12/2024
Not bad progress for 2 weeks of work. There's a basic level editor, a few gameplay elements (switches, gates, rotating and translating elements, coins), and 3d marble maze navigation. Original post: bsky.app/profile/andr...
000
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
Reposted by Andy Ray
Verekia 🔮 ManaBlade.com @verekia.com · 29/11/2024
🚀 Alright, React Three Fiber folks: Three.js r171 is the release you've been waiting for to use WebGPU with zero config. It has been tested with Vite, Next.js 14/15, Pages/App routers, React 18/19, and even RSCs. All test cases are documented here: github.com/verekia/thre.... Let's go! #r3f #threejs
A snippet of code showing <Canvas gl={canvas => new WebGPURenderer({ canvas })}>
2436
Andy Ray @andrewray.me · 01/12/2024
Great ideas! I especially like the idea of drawing a path, maybe based on picking up rail pieces so you have something to build with. Pushable objects are a good idea too, which could definitely interact with other level elements.
010