Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

pschroen's profile picture

Patrick Schroen

1,790 subscribers

15,161 Aufrufe • vor 3 Jahren •via X (Twitter)

#threejs#webgl#shader#creativecoding#gui
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

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

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

Sabo Sugi

12,523 Aufrufe • vor 1 Monat

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

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

Sabo Sugi

24,312 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 8 Tagen

🔥 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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Tagen

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 Aufrufe • vor 11 Monaten

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

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

Fabio Ottaviani

62,507 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

🖥️ 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 Aufrufe • vor 5 Monaten