Loading video...

Video Failed to Load

Go Home

Added panel controls to the transmission example! 🔮 #threejs #webgl #shader #creativecoding #gui

pschroen's profile picture

Patrick Schroen

1,790 subscribers

15,161 views • 3 years ago •via X (Twitter)

#threejs#webgl#shader#creativecoding#gui
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding
2:34

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding

Lisha

15,978 views • 7 months ago

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl
0:20

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,266 views • 1 year ago

Small weekend project. Modified Brackeys's Unity dissolve shader to work in #ThreeJS using R3F. Will be using this in AR soon👀 Demo: Code: #webgl #creativecoding
0:36

Small weekend project. Modified Brackeys's Unity dissolve shader to work in #ThreeJS using R3F. Will be using this in AR soon👀 Demo: Code: #webgl #creativecoding

Faraz

111,070 views • 3 years ago

Aurum Leaf Demo and Source Code: #threejs #webgl #creativecoding
0:39

Aurum Leaf Demo and Source Code: #threejs #webgl #creativecoding

Sabo Sugi

12,523 views • 1 month ago

Wave Lights Demo and Source Code: #threejs #webgl #shader
0:38

Wave Lights Demo and Source Code: #threejs #webgl #shader

Sabo Sugi

24,312 views • 1 month ago

Trails Stream (Updated) Demo and Source Code: #threejs #webgl #shader
0:41

Trails Stream (Updated) Demo and Source Code: #threejs #webgl #shader

Sabo Sugi / Mondragon Framer Template

18,139 views • 1 month ago

moving shader controls inside the CRT's ui. built with threejs / webgpu
0:51

moving shader controls inside the CRT's ui. built with threejs / webgpu

Codetaur

20,046 views • 8 days ago

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl
0:24

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl

0beqz

85,152 views • 3 years ago

Folks, I've just published a new free ThreeJS tutorial on my Patreon page, give it a shot!! 🥳 💻 #threejs #webgl #tutorial #shader #postprocessing
0:23

Folks, I've just published a new free ThreeJS tutorial on my Patreon page, give it a shot!! 🥳 💻 #threejs #webgl #tutorial #shader #postprocessing

Francesco Michelini

64,550 views • 3 years ago

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs
0:45

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs

Junichiro Horikawa

27,374 views • 1 year ago

This will break the internet! 💥🔥 Need some creative coding inspiration? 🎨✨ Codevember 2021 by Spite is a collection of stunning WebGL experiments to spark your imagination. from : Jaume Sanchez Elias 🇺🇦 🚀 #Threejs #WebGL #CreativeCoding
1:38

This will break the internet! 💥🔥 Need some creative coding inspiration? 🎨✨ Codevember 2021 by Spite is a collection of stunning WebGL experiments to spark your imagination. from : Jaume Sanchez Elias 🇺🇦 🚀 #Threejs #WebGL #CreativeCoding

Three.js Resources

23,679 views • 1 year ago

Almost 5 hours of new content in the shader course, just covering basic particle systems. Coming up soon, GPGPU! #threejs #webgl #gamedev
0:20

Almost 5 hours of new content in the shader course, just covering basic particle systems. Coming up soon, GPGPU! #threejs #webgl #gamedev

Simon

19,823 views • 1 year ago

Playing with particles and subsurface 🤓 You can try 4.194.304 points (run smooth on my low end gpu) or more 🎆 #threejs #webgl #creativecoding
0:23

Playing with particles and subsurface 🤓 You can try 4.194.304 points (run smooth on my low end gpu) or more 🎆 #threejs #webgl #creativecoding

Kevin Levron

14,568 views • 2 years ago

It all started with an old Three.js experiment…then I lost control. Now I can sculpt anything. Maybe a little too much. #webgl #threejs #gsap #creativecoding #generativeart
0:25

It all started with an old Three.js experiment…then I lost control. Now I can sculpt anything. Maybe a little too much. #webgl #threejs #gsap #creativecoding #generativeart

Fabio Ottaviani

48,431 views • 1 year ago

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader
0:32

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader

Codetaur

24,993 views • 9 days ago

Navigation improvements to my shader arsenal! -Added shader titles -Added a search bar -Added shader tags and categories -Added alphabetical sorting
0:30

Navigation improvements to my shader arsenal! -Added shader titles -Added a search bar -Added shader tags and categories -Added alphabetical sorting

Xor

11,404 views • 11 months ago

Exploring liquid aesthetics in shaders #creativecoding #shaders #webgl #glsl
0:45

Exploring liquid aesthetics in shaders #creativecoding #shaders #webgl #glsl

Fabio Ottaviani

62,507 views • 2 years ago

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders
0:51

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 views • 7 months ago

Link: I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. More projects are coming soon. Subscribe to the newsletter to stay up to date. #threejsJourney #creativecoding #webgl #glsl
0:24

Link: I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. More projects are coming soon. Subscribe to the newsletter to stay up to date. #threejsJourney #creativecoding #webgl #glsl

Anderson Mancini

11,918 views • 1 year ago

🖥️ Orage Studio's site feels like a VFX pipeline running inside an 80s mainframe. Custom WebGL grid with canvas-masked video tiles, shader-driven flicker effects, and a draggable menu. The loader even mimics a system boot. 🔗 Built by: Beaucoup. #WebGL #ThreeJS #CreativeDev #WebDesign #ShaderArt
0:53

🖥️ Orage Studio's site feels like a VFX pipeline running inside an 80s mainframe. Custom WebGL grid with canvas-masked video tiles, shader-driven flicker effects, and a draggable menu. The loader even mimics a system boot. 🔗 Built by: Beaucoup. #WebGL #ThreeJS #CreativeDev #WebDesign #ShaderArt

WebGL / WebGPU

10,447 views • 5 months ago