Loading video...

Video Failed to Load

Go Home

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

sabosugi's profile picture

Sabo Sugi / Three.js & Shaders

2,545 subscribers

35,770 views • 3 months ago •via X (Twitter)

Animals#threejs#webgl#video#fx
LIVE

Anya Rossi• Live Now

Private livecam show

13 Comments

𝗕𝗮𝗻𝗱𝗶𝗻𝗼𝗽𝗹𝗮's profile picture
𝗕𝗮𝗻𝗱𝗶𝗻𝗼𝗽𝗹𝗮3 months ago

This looks like an awesome effect for bilboards on clothing stores

KingDankKush's profile picture
KingDankKush3 months ago

Super cool! 😎 Thanks for sharing. 💙

Nick Venturi's profile picture
Nick Venturi3 months ago

gonna go break my local environment trying to copy this

Gustav ❖'s profile picture
Gustav ❖3 months ago

Wow!

Sung's profile picture
Sung3 months ago

@dimitrijknight 🔥

nowmo.design's profile picture
nowmo.design3 months ago

@threejs Excellent 👌

Prayagk's profile picture
Prayagk3 months ago

i find it brilliant

el.'s profile picture
el.3 months ago

👏🏼

Sonia Zh's profile picture
Sonia Zh3 months ago

Superb!

Bad MoFo's profile picture
Bad MoFo3 months ago

I love this it looks amazing and fun

Yuma's profile picture
Yuma3 months ago

Webgl not webgpu?

Sabo Sugi / Three.js & Shaders's profile picture
Sabo Sugi / Three.js & Shaders3 months ago

In terms of performance, there is no difference between WebGPU and WebGL.

Artur Luiz Santos's profile picture
Artur Luiz Santos3 months ago

Amazing, mate

Related Videos

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 views • 5 months ago

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 views • 3 months ago

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

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

Sabo Sugi / Mondragon Framer Template

13,701 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 • 4 months ago

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

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

Sabo Sugi / Mondragon Framer Template

12,781 views • 4 months 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,213 views • 4 months ago

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling
0:49

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 views • 7 months ago

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 views • 1 year ago

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 views • 9 months ago

WOW! New vid model - MOSS-Video-and-Audio: - native bimodal gen, IT2VA,T2VA; - 32B MoE for sync video & audio in one pass, - SOTA multilingual lip-sync + Sound FX; - 360p/720p, with code, weights & LoRA. Beyond words. Seriously cool.
0:55

WOW! New vid model - MOSS-Video-and-Audio: - native bimodal gen, IT2VA,T2VA; - 32B MoE for sync video & audio in one pass, - SOTA multilingual lip-sync + Sound FX; - 360p/720p, with code, weights & LoRA. Beyond words. Seriously cool.

Wildminder

15,653 views • 7 months ago

2026 Brazilian Championships - Flavia Saraiva FX Video: CGBTV
1:33

2026 Brazilian Championships - Flavia Saraiva FX Video: CGBTV

International Gymnast Media

29,396 views • 1 month ago

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 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,131 views • 3 years ago

2024 Arthur Gander Memorial - Julia Soares BRA FX Video: RSI
1:39

2024 Arthur Gander Memorial - Julia Soares BRA FX Video: RSI

International Gymnast Media

13,093 views • 1 year ago

Ebuka fx must not see this video 😂😂😂
0:39

Ebuka fx must not see this video 😂😂😂

Ambafx

28,502 views • 19 days ago

Olympic Flashback: 2016 Aly Raisman (USA) FX Video: Olympic Channel
1:37

Olympic Flashback: 2016 Aly Raisman (USA) FX Video: Olympic Channel

International Gymnast Media

117,999 views • 2 years ago

Trailer for new FX fil. Full video on my OF #Giantess #Giantessfeet #Latinagiantess #Latinafeet #gamergirlfeet
0:28

Sensitive content

Trailer for new FX fil. Full video on my OF #Giantess #Giantessfeet #Latinagiantess #Latinafeet #gamergirlfeet

✨Giantess Goddess Peach✨

13,774 views • 2 years ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Techartist

18,168 views • 1 year ago

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders
0:46

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

18,629 views • 10 months ago