正在加载视频...

视频加载失败

返回首页

Abstract Chromatic Light Demo & Source Code: #threejs #webgl #shader #creativecoding

sabosugi's profile picture

Sabo Sugi / Three.js & Shaders

2,631 subscribers

14,000 次观看 • 2 个月前 •via X (Twitter)

#threejs#webgl#shader#creativecoding
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Ugo 的头像
Ugo2 个月前

Perhaps I'll add it to 👀

Sabo Sugi / Three.js & Shaders 的头像
Sabo Sugi / Three.js & Shaders2 个月前

You want to add in Pro? 😁

Ugo 的头像
Ugo2 个月前

Depends, is the shader usable for commercial use? All shaders we use are open source, the Pro pass is only to get the palette generation + video export workflow

Sabo Sugi / Three.js & Shaders 的头像
Sabo Sugi / Three.js & Shaders2 个月前

Please read about license in my codepen page: All source code is provided for informational purposes only and may not be used for commercial. But you can buy special license for commercial use and resale. Please DM.

Ugo 的头像
Ugo2 个月前

Oh okay never mind then haha 😅

Sabo Sugi / Three.js & Shaders 的头像
Sabo Sugi / Three.js & Shaders2 个月前

😆

Sk Mehedi Hasan 的头像
Sk Mehedi Hasan2 个月前

Beautiful light effect, Give me a feedback.

Zentra 的头像
Zentra2 个月前

The color transitions feel very controlled. A lot of shader experiments get noisy fast - this one stays elegant.

Asif Ali | Video Editor 的头像
Asif Ali | Video Editor2 个月前

Perfect one

ccgmsjb 的头像
ccgmsjb2 个月前

wow

SEbP 的头像
SEbP2 个月前

nice, so smooth. I want to bathe in it, I want to be it.

相关视频

Tree of Souls Demo & Source Code: #threejs #webgl #shader
0:24

Tree of Souls Demo & Source Code: #threejs #webgl #shader

Sabo Sugi / Mondragon Framer Template

11,017 次观看 • 4 个月前

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

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

Sabo Sugi / Three.js & Shaders

12,919 次观看 • 4 个月前

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

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

Sabo Sugi / Three.js & Shaders

25,183 次观看 • 5 个月前

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,213 次观看 • 5 个月前

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,147 次观看 • 3 年前

Shapes Over Pixels - FX for Video Demo & Source Code: #threejs #webgl #video #fx
0:33

Shapes Over Pixels - FX for Video Demo & Source Code: #threejs #webgl #video #fx

Sabo Sugi / Three.js & Shaders

35,770 次观看 • 4 个月前

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

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

Patrick Schroen

15,161 次观看 • 3 年前

Interactive rug shader - A Three.js port of @_Dervishh'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 @_Dervishh's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,400 次观看 • 1 年前

Pattern Over Pixels Demo and Source Code: #threejs #pattern #pixels #effect #webgl
0:35

Pattern Over Pixels Demo and Source Code: #threejs #pattern #pixels #effect #webgl

Sabo Sugi / Mondragon Framer Template

20,405 次观看 • 6 个月前

Messing around with some optical flow stuff! Try it for yourself: #threejs #webgl #creativecoding
0:24

Messing around with some optical flow stuff! Try it for yourself: #threejs #webgl #creativecoding

Ash Thornton

14,449 次观看 • 2 年前

My client ghosted me 👻 Rather than let perfectly good code go to waste, I'm sharing it will all of you! Live Demo: Source: #threejs #webgl #shaders
0:46

My client ghosted me 👻 Rather than let perfectly good code go to waste, I'm sharing it will all of you! Live Demo: Source: #threejs #webgl #shaders

Dan Greenheck

18,872 次观看 • 10 个月前

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO
0:21

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO

Ksenia Kondrashova

19,023 次观看 • 1 年前

Finally, a NO CODE Editor for WebGL & Shader Effects!? Unicorn Studio
2:11

Finally, a NO CODE Editor for WebGL & Shader Effects!? Unicorn Studio

Gary Simon

87,245 次观看 • 1 年前

🔥 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,214 次观看 • 3 年前

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

65,369 次观看 • 3 年前

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding
0:36

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding

Faraz

46,703 次观看 • 3 个月前

Spherical physics test. 3000 m&m's chocolates. created with TSL #threejs live demo (all source code is in html of the page) ->
0:50

Spherical physics test. 3000 m&m's chocolates. created with TSL #threejs live demo (all source code is in html of the page) ->

Maeda Mameo

20,457 次观看 • 1 年前

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,761 次观看 • 2 年前

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

16,833 次观看 • 11 个月前

Soulfull. Source code - > #openframeworks #programming #creativecoding #プログラミング
0:20

Soulfull. Source code - > #openframeworks #programming #creativecoding #プログラミング

JunKiyoshi

57,787 次观看 • 3 年前