Sign in

phobon

@phobon.io
562 followers 2.1K following 572 posts

Learn creative coding with shaders and Three.js: fragments.supply ✨ Design engineer, creative coder & shader artist

PostsRepliesMedia
phobon @phobon.io · 19/06/2026
I'm really curious about this - who out there is coding shaders with AI and having success with it? Any particular platforms or models you all use?
120
phobon @phobon.io · 18/06/2026
Same
Same
000
phobon @phobon.io · 17/06/2026
Coming back to a skill after a long break doesn't feel like a fresh start. It feels like waking up in a hole you dug yourself. If you've stepped away from something and dreaded coming back, this one's for you. fragments.supply/writing/36-a-practical-guide-to-improving-at-creative-coding
Coming back to a skill after a long break doesn't feel like a fresh start. It feels like waking up in a hole you dug yourself.

If you've stepped away from something and dreaded coming back, this one's for you.

fragments.supply/writing/36-a-practical-guide-to-improving-at-creative-coding
010
phobon @phobon.io · 16/06/2026
Overkill? 🤔
Overkill? 🤔
000
phobon @phobon.io · 15/06/2026
Undulating waveforms using threejs and tsl Slowing getting back into my creative coding workflow ✨
050
phobon @phobon.io · 13/06/2026
Slate
Slate
010
phobon @phobon.io · 11/06/2026
Slate
Slate
010
phobon @phobon.io · 10/06/2026
Slate
Slate
000
phobon @phobon.io · 10/06/2026
Slate
Slate
010
phobon @phobon.io · 09/06/2026
In this creative coding tool, it uses a node graph, but it's a little bit different to the way a shader graph usually works I still want the flexibility of writing code and it being the star of the show - but with some really powerful additions to superpower things Here's the Slate project ✨
In this creative coding tool, it uses a node graph, but it's a little bit different to the way a shader graph usually works

I still want the flexibility of writing code and it being the star of the show - but with some really powerful additions to superpower things

Here's the Slate project ✨
040
phobon @phobon.io · 08/06/2026
Spending a bit more time working on this creative tool pipeline. Adding some chromatic aberration to this raymarched TSL shader Really coming along now - finally starting to get excited again about making things 🙏
040
phobon @phobon.io · 06/06/2026
I've been writing custom shaders for a really long time with an - admittedly - pretty brittle setup. So, I decided to create a different kind of creative coding tool. It's really early on but already feels amazing! I should release it some day 🙏 What tools have you made to help your process?
000
phobon @phobon.io · 05/06/2026
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
160
phobon @phobon.io · 04/06/2026
Generative architecture - throwback to a Genuary 25 shader made with TSL 🏢
040
phobon @phobon.io · 03/06/2026
Not to be the vaguepost king, but I just had to do some _genuinely_ horrendous things to make my way past a lethal performance issue with threejs. I'm pretty sure it was a me problem but holy cow, the hack patterns 🫠
000
phobon @phobon.io · 03/06/2026
gravitics 🌀
010
phobon @phobon.io · 01/06/2026
With that, the launch of Season 2 of Fragments is officially done! Here's what I learned: ⚡️ 3 weeks goes by like a flash 🫠 PH is a lead MACHINE (for everyone else, haha) ✨Shaders and TSL absolutely rules I'm so grateful for all the support for my crazy ambitious thing 🙏
000
phobon @phobon.io · 31/05/2026
I've been using @thecosmos to gather inspiration for new experiments and explorations for a really long time - it such a fantastic platform Between that and my bookmarks, I feel like I've got a ton of material to work with What do you all use to gather inspiration?
000
phobon @phobon.io · 30/05/2026
Wow, only a couple of days left on the launch for fragments. 3 weeks goes by like nothing lately I was reading something about stress and why time seems to go by so fast these days. Definitely checks out 🫠
000
phobon @phobon.io · 30/05/2026
Hyper-saturated, intense, polar coordinate shader made with TSL
030
phobon @phobon.io · 29/05/2026
A shader tribute to sunnk made with TSL
150
phobon @phobon.io · 28/05/2026
Part of the Kaleidoscopic Fractal series
030
phobon @phobon.io · 27/05/2026
I've been trying really hard to lock in again after the great lock in at the end of 2025 and it's just not coming Gone through a few of these periods with different things over the years - what do you all do to try get some inspiration back?
000
phobon @phobon.io · 27/05/2026
Postprocessing dithering explorations
000
phobon @phobon.io · 25/05/2026
Cascade 4 - Part of the Kaleidoscopic Fractal series
010
phobon @phobon.io · 22/05/2026
Something about these cloudy, whimsical shapes that just makes me feel good 😊 One of the more beautiful mesh gradients I've made recently with #tsl and #threejs
010
phobon @phobon.io · 22/05/2026
This raymarching shader means a bit more to me now after the Destiny 2 news. What an amazing game! I've loved it the entire run (yes, even Curse of Osiris). Here is my humble tribute to the darkness 🫡 See you all starside again soon 🙇‍♂️ #tsl #threejs #destiny2
001
phobon @phobon.io · 21/05/2026
Pure Hyperlight vibes. Combining neon and noise for this tribute to one of my favourite games ✨ All made with #tsl and #threejs
020
phobon @phobon.io · 20/05/2026
Noticed I'm getting _way_ more errors sending newsletters out recently. Not sure if it's something I can fix with my specific "setup" if you can call it that haha For now, just have to prune the list I guess 🫠
000
phobon @phobon.io · 19/05/2026
I wrote a breakdown of one of my favourite shaders from Fragments. It's an exploration of chromatic aberration and some curled coordinates www.fragments.supply/writing/35-eid…
fragments.supply
Breakdown of Eidolon 1 — Fragments
Eidolon 1 shader breakdown: curled UV rotations, smoothed boxes, cosine palette color from sphere distance, triple masking, simple mixing, and a lovely film grain texture.
000
phobon @phobon.io · 19/05/2026
Cosy fractal shader for the change in weather (at least here in Australia!) 🥶 Made with #tsl and #threejs
010
phobon @phobon.io · 17/05/2026
Neon-soaked procedural rain shader made with #tsl and #threejs
020
phobon @phobon.io · 17/05/2026
Launching a new thing 🤝 Getting really sick Happens every time 🫠
000
phobon @phobon.io · 16/05/2026
I am having the full PH launch experience* *sifting through dozens of cold pitch emails from AI sass products 🫠
000
phobon @phobon.io · 15/05/2026
My Three.js + TSL shader course — Fragments — is open for registration until the end of May! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.
161
phobon @phobon.io · 14/05/2026
It's the day before Fragments opens again, and I'm starting to get those (all too familiar) butterflies I'm at that stage of my life where I don't generally feel that real anticipation, like the night before a big game. So strange that I miss it now 😊 Can't wait! #threejs #creativecoding
It's the day before Fragments opens again, and I'm starting to get those (all too familiar) butterflies

I'm at that stage of my life where I don't generally feel that real anticipation, like the night before a big game. So strange that I miss it now 😊

Can't wait!

#threejs #creativecodingIt's the day before Fragments opens again, and I'm starting to get those (all too familiar) butterflies

I'm at that stage of my life where I don't generally feel that real anticipation, like the night before a big game. So strange that I miss it now 😊

Can't wait!

#threejs #creativecodingIt's the day before Fragments opens again, and I'm starting to get those (all too familiar) butterflies

I'm at that stage of my life where I don't generally feel that real anticipation, like the night before a big game. So strange that I miss it now 😊

Can't wait!

#threejs #creativecodingIt's the day before Fragments opens again, and I'm starting to get those (all too familiar) butterflies

I'm at that stage of my life where I don't generally feel that real anticipation, like the night before a big game. So strange that I miss it now 😊

Can't wait!

#threejs #creativecoding
010
phobon @phobon.io · 13/05/2026
I still think it's amazing that just a few lines of code can produce something so mesmerising ✨ This is still one of my absolute favourite shaders, and it's just a few simple steps put together. Magical! #threejs #creativecoding
051
phobon @phobon.io · 12/05/2026
It's so fun tweaking values and seeing shaders twist and change in front of your eyes! I've been loving Dialkit - fits into the new Fragments experience really nicely imo 😍 #creativecoding #threejs
040
phobon @phobon.io · 11/05/2026
Getting started with creative coding can be really difficult - so I wanted to do something about it! Part of the next season of Fragments is a big focus on some more of the Fundamentals that underpin it all fragments.supply/writing/32-fundamentals-at-a-glance
000
phobon @phobon.io · 08/05/2026
Here's a sneak preview of the new Fragments experience launching in less than two weeks! Clean 🧼 Can't wait for everyone to check it out! fragments.supply
Here's a sneak preview of the new Fragments experience launching in less than two weeks! Clean 🧼

Can't wait for everyone to check it out!

https://fragments.supply
010
phobon @phobon.io · 08/05/2026
everyone: if you're shipping dark theme you're too late! me:
010
phobon @phobon.io · 07/05/2026
Really happy with how the new content experience in Fragments has turned out. It feels _really_ dynamic. Being able to see working shader examples directly alongside the content I think is a total game changer 🚀 #creativecoding #threejs
0100
phobon @phobon.io · 06/05/2026
I've loved working on Fragments - it's been such a fulfilling project. I'd love for this whole shader thing to be my full-time thing I really enjoy my job, and I work with a bunch of really rad people which rules, but man... dare to dream 😊
010
phobon @phobon.io · 05/05/2026
What a great time for an announcement (especially given I forgot to do it a couple of days ago)! fragments.supply will be open for registration for a couple of weeks starting May 15th around 10am Sydney time! 🚀 More to come! Watch this space 👀
010
phobon @phobon.io · 01/05/2026
Build generative systems and land on all of these amazing happy accidents. Here are some outputs from the Bands series www.fragments.supply/works/bands-1 #creativecoding #threejs
0100
phobon @phobon.io · 28/04/2026
I've been really enjoying diving deeper into Cellular Automata - I wrote some words about the technique lesson that's launching with the next season of Fragments in a few weeks time ✨ www.fragments.supply/writing/33-cel… #creativecoding #threejs
010
phobon @phobon.io · 12/02/2026
Curious about what you'll find in Fragments? I've got great news! I've unlocked one of the techniques for everyone - this one is all about colour and some fun ways to apply and experiment with it 🌈 This is Procedural Color Palettes using #threejs and #tsl www.fragments.supply/techniques/p...
fragments.supply
Procedural Color Palettes — Fragments
Create an almost limitless amount of color variety and complexity in your shaders using only a few simple functions and a bit of creativity.
040
phobon @phobon.io · 10/02/2026
My Three.js + TSL shader course — Fragments — is open for registration for the next 2 weeks! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.
130
phobon @phobon.io · 04/02/2026
I'm back with a blog post wrapping up my #genuary2026 journey. Maybe not the full 31, but... close? This is a pretty long one, so grab a coffee (or stiff drink?) 🤔 www.fragments.supply/writing/28-g... #genuary #tsl #threejs
fragments.supply
Genuary 2026 Roundup — Fragments
A complete walkthrough of every Genuary 2026 sketch I made — 24 creative coding challenges from one color to flow fields, raymarched cities to cellular automata.
020
phobon @phobon.io · 15/12/2025
more volumetric TSL things
000