Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

sabosugi's profile picture

Sabo Sugi / Three.js & Shaders

2,631 subscribers

14,000 görüntüleme • 2 ay önce •via X (Twitter)

#threejs#webgl#shader#creativecoding
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Ugo profil fotoğrafı
Ugo2 ay önce

Perhaps I'll add it to 👀

Sabo Sugi / Three.js & Shaders profil fotoğrafı
Sabo Sugi / Three.js & Shaders2 ay önce

You want to add in Pro? 😁

Ugo profil fotoğrafı
Ugo2 ay önce

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 profil fotoğrafı
Sabo Sugi / Three.js & Shaders2 ay önce

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 profil fotoğrafı
Ugo2 ay önce

Oh okay never mind then haha 😅

Sabo Sugi / Three.js & Shaders profil fotoğrafı
Sabo Sugi / Three.js & Shaders2 ay önce

😆

Sk Mehedi Hasan profil fotoğrafı
Sk Mehedi Hasan2 ay önce

Beautiful light effect, Give me a feedback.

Zentra profil fotoğrafı
Zentra2 ay önce

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

Asif Ali | Video Editor profil fotoğrafı
Asif Ali | Video Editor2 ay önce

Perfect one

ccgmsjb profil fotoğrafı
ccgmsjb2 ay önce

wow

SEbP profil fotoğrafı
SEbP2 ay önce

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

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

65,369 görüntüleme • 3 yıl önce

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

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

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

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

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

JunKiyoshi

57,787 görüntüleme • 3 yıl önce