Back
phobon

phobon

@phobon.io

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

36 videos

Generative architecture - throwback to a Genuary 25 shader made with TSL 🏢

3 0

gravitics 🌀

1 0

Hyper-saturated, intense, polar coordinate shader made with TSL

3 0

A shader tribute to sunnk made with TSL

5 0

Part of the Kaleidoscopic Fractal series

3 0

Postprocessing dithering explorations

0 0

Cascade 4 - Part of the Kaleidoscopic Fractal series

1 0

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

1 0

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

0 1

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

2 0

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

1 0

Neon-soaked procedural rain shader made with #tsl and #threejs

2 0

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.

1 0

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.

5 1

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

5 1

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

4 0

everyone: if you're shipping dark theme you're too late! me:

1 0

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

10 0

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 👀

1 0

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.

3 0

Can make some really cool stuff like this 👇

2 0

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 🫡

19 0

#fragments81 Fractal 3 Doing some more interesting fractal things with rotations. Can get some really mesmerising results There's a live link below 👇 #shaders #creativecoding #threejs #tsl

3 0

#fragments77 Fractal №1 #wgsl #webgpu #tsl #threejs #shader

4 1

Here's a pretty early design exploration linking things together here - going from dashboard to detail #buildinpublic #webgl #webgpu

3 0

Building a nice little collection of sketches here. These are all links to live webgl or webgpu sketches that eventually will have code and process breakdowns (within reason, haha) #buildinpublic #webgl #webgpu

13 1

#fragments76 Shift №5 #wgsl #webgpu #tsl #threejs #shader

15 0

#fragments75 Shift №4 #wgsl #webgpu #tsl #threejs #shader

9 0

#fragments71 Flow Field №5 #wgsl #webgpu #tsl #threejs #shader

4 0

#fragments70 Flow Field №4 #wgsl #webgpu #tsl #threejs #shader

5 0

#fragments69 Flow Field №3 #wgsl #webgpu #tsl #threejs #shader

4 0

#fragments68 Flow Field №2 #wgsl #webgpu #tsl #threejs #shader

8 0

#fragments67 Flow Field №1 #wgsl #webgpu #tsl #threejs #shader

3 0

Hopefully it's pretty obvious what I'm making at this point. After sorting out the whole msdf situation, getting back into actual sequencer things

3 0

ngl, #tsl is actually amazing #buildinpublic

2 0

Cooking something 🤔 #tsl #threejs

5 0