Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

pschroen's profile picture

Patrick Schroen

1,790 subscribers

15,161 görüntüleme • 3 yıl önce •via X (Twitter)

#threejs#webgl#shader#creativecoding#gui
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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

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

Sabo Sugi

12,523 görüntüleme • 1 ay önce

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

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

Sabo Sugi

24,312 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 8 gün önce

🔥 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 görüntüleme • 3 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 9 gün önce

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 görüntüleme • 11 ay önce

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

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

Fabio Ottaviani

62,507 görüntüleme • 2 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

🖥️ 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 görüntüleme • 5 ay önce