phobon (@thenoumenon) / X

phobon

20K posts

phobon

@thenoumenon

Building fragments.supply ✨ Design engineer, creative coder & shader artist

Joined July 2009

Pinned
phobon
@thenoumenon
Jun 5
A lot of people have asked me how these things are made and where to get started. I made a course that goes into it all! This chaotic raymarching shader was made with TSL and threejs ✨ Check it out at fragments.supply and maybe use this code for 10% off: ZUD58MN7
00:00
720
phobon
@thenoumenon
Oct 10, 2025
Almost quit making this threejs LED effect... Spent hours tweaking shapes and offsets, just couldn't seem to get it right Seeing it actually work is just so rad. It just makes everything jump off the screen ✨ Do you want to see the TSL behind it?
00:00
62K
phobon
@thenoumenon
Oct 8, 2025
If you’ve ever stared at GLSL and felt your brain glitch. If you've ever been in awe of a shader on a landing page and wondered how it worked. Fragments is my guidebook to making creative coding less scary and way more approachable. Shaders, three.js, TSL - unlocked 🪄
00:00
12K
phobon
@thenoumenon
Nov 12, 2025
Love the things that threejs and TSL enables really easily 😍
00:00
11K
phobon
@thenoumenon
Mar 12, 2025
#genuary20 Generative architecture. #genuary #genuary2025 #glsl #threejs #webgl
00:00
6.5K
phobon
@thenoumenon
Jun 3, 2025
I've been a bit quiet lately, but I wanted to share a thing I've been building for the last 6 months Fragments - a collection of techniques, tools, and breakdowns to help get you started experimenting with #creativecoding and #shaders using #threejs and #tsl Link below 👇
11K
phobon
@thenoumenon
Jun 19, 2024
Working on some raymarching with #tsl and #threejs - enjoying this stuff more and more every day 😍 - Function chaining is very nice - Creating tslFn's for all these discrete bits is awesome - loop() took me a while to figure out - Break() and If() clutch Code in 🧵
00:00
18K
phobon
@thenoumenon
Jun 29, 2025
Man, I love writing shaders. Can cook up some really fun looking things with little tweaks, little bits of knowledge just compound so much Here's one of the sketches I've made for Fragments 🫡
00:00
6.9K
phobon
@thenoumenon
Sep 16, 2025
Another TSL trick I’m obsessed with - a clean vignette effect. Drop this into your shaders to add dramatic contrast and make colours pop off the screen ✨ Love how easily you can hit a vibe with just a few lines of TSL. #tsl #creativecoding #threejs
8.9K
phobon
@thenoumenon
Oct 30, 2025
Working on these glitchy TSL shader trail effects. Makes everything feel like it's vibrating between dimensions. Amazing what you can do when you combine some really simple techniques! Everything suddenly gets this otherworldly energy that pulls you right in ✨
00:00
4.2K
phobon
@thenoumenon
Jun 10, 2025
Waking up to see Apple leaning in to #webgpu is really wild. @holtsetio's amazing #threejs and #tsl things being showcased is so damn exciting I'm building a platform to kickstart learning and experimenting with this tech, so you can make things like this (link below)👇
00:00
3.2K
phobon
@thenoumenon
Nov 4, 2025
Spent a bunch of time getting buffered inputs to play nice with TSL shaders. Seeing this creative coding effect is just ridiculously fun ✨ Your cursor turns into a magic wand that paints pixels with every click. Every pixel lights up any time you tap - pure digital wizardry.
00:00
5.4K
phobon
@thenoumenon
Oct 17, 2024
🚀 shadercraft.phobon.io 🚀 Every link I've shared (over 70) over the last 6 months as a handy resource! Tools, Inspiration and Learning resources to help on your #shader journey 🙏 #shadercraft #threejs #r3f #webgl #webgpu
Shadercraft° — Curated shader art, learning, inspiration and the people that make it happen
From shadercraft.phobon.io
5.8K
phobon
@thenoumenon
Oct 22, 2025
Reasons why shaders are rad # 89085 Post-processing is just so rad - take your amazing shaders and then just make them completely different? Stuff is bonkers - also sneaky straightforward with TSL 😊
4.1K