phobon

phobon

@phobon.io

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

561 followers2.1K following572 posts

Pinned

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.

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?

Undulating waveforms using threejs and tsl Slowing getting back into my creative coding workflow ✨

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 ✨

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 🙏

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?

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

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 🫠

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 🙏

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?

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 🫠

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?

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

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

Pure Hyperlight vibes. Combining neon and noise for this tribute to one of my favourite games ✨ All made with #tsl and #threejs

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 🫠

Cosy fractal shader for the change in weather (at least here in Australia!) 🥶 Made with #tsl and #threejs

I am having the full PH launch experience* *sifting through dozens of cold pitch emails from AI sass products 🫠

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.

Made for design engineers, creative coders, and anyone who wants to learn! Fragments is built around progressively more complex shader techniques and how to experiment with them to create something unique and spectacular.

When you enroll, you'll get immediate access to: - 12 deep-dive shader technique lessons - 6 foundational concept lessons - 44+ workflow-enhancing utility functions - 171+ TSL shaders with full source code - Private Discord Enrolment closes on June 1 at 2AM UTC! fragments.supply

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

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

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

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

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 😊

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 👀

Build generative systems and land on all of these amazing happy accidents. Here are some outputs from the Bands series https://www.fragments.supply/works/bands-1 #creativecoding #threejs

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 ✨ https://www.fragments.supply/writing/33-cellular-automata-technique #creativecoding #threejs

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.supplyProcedural Color Palettes — FragmentsCreate an almost limitless amount of color variety and complexity in your shaders using only a few simple functions and a bit of creativity.