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 • 4 months ago •via X (Twitter)

Animals#threejs#webgl#video#fx
LIVE

Anya Rossi• Live Now

Private livecam show

13 Comments

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

This looks like an awesome effect for bilboards on clothing stores

KingDankKush's profile picture
KingDankKush4 months ago

Super cool! 😎 Thanks for sharing. 💙

Nick Venturi's profile picture
Nick Venturi4 months ago

gonna go break my local environment trying to copy this

Gustav ❖'s profile picture
Gustav ❖4 months ago

Wow!

Sung's profile picture
Sung4 months ago

@dimitrijknight 🔥

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

@threejs Excellent 👌

Prayagk's profile picture
Prayagk4 months ago

i find it brilliant

el.'s profile picture
el.4 months ago

👏🏼

Sonia Zh's profile picture
Sonia Zh4 months ago

Superb!

Bad MoFo's profile picture
Bad MoFo4 months ago

I love this it looks amazing and fun

Yuma's profile picture
Yuma4 months ago

Webgl not webgpu?

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

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

Artur Luiz Santos's profile picture
Artur Luiz Santos4 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 • 7 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 • 4 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 / Three.js & Shaders

14,000 views • 3 months ago

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

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,926 views • 5 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 • 6 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 • 8 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 • 2 years 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 • 11 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,727 views • 9 months 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

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

2026 Brazilian Championships - Flavia Saraiva FX Video: CGBTV

International Gymnast Media

29,396 views • 2 months 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,156 views • 3 years ago

🚀Vercel's’ fx is a tiny open-source coding agent built to take action directly in a developer’s workspace. This demo extends that idea by giving fx access to the security policies, requirements, and release docs stored in Box. Using the Box CLI, fx retrieves an approved policy, compares it with local code, edits the files, adds missing test coverage, and prepares release evidence without being told which lines to change. It asks for human approval before uploading anything, then verifies every file after it lands in Box. Git stays where the code lives. Box stays where the approved docs and release proof live. fx connects the work across both. Demo below ↓
4:42

🚀Vercel's’ fx is a tiny open-source coding agent built to take action directly in a developer’s workspace. This demo extends that idea by giving fx access to the security policies, requirements, and release docs stored in Box. Using the Box CLI, fx retrieves an approved policy, compares it with local code, edits the files, adds missing test coverage, and prepares release evidence without being told which lines to change. It asks for human approval before uploading anything, then verifies every file after it lands in Box. Git stays where the code lives. Box stays where the approved docs and release proof live. fx connects the work across both. Demo below ↓

Box

238,777 views • 1 month ago

Demo of the compositing FX coming to Blender 5.0 #bcon
1:29

Demo of the compositing FX coming to Blender 5.0 #bcon

Andrew Price

147,684 views • 1 year 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,174 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✨

14,067 views • 2 years 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

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

Ebuka fx must not see this video 😂😂😂

Ambafx

28,502 views • 2 months 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