Loading video...

Video Failed to Load

Go Home

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

ashthornton's profile picture

Ash Thornton

3,456 subscribers

14,449 views • 2 years ago •via X (Twitter)

Science & TechnologyArts#threejs#webgl#creativecoding
LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Ash Thornton's profile picture
Ash Thornton2 years ago

This was made possible using @epok_tech's great shader to calculate the flow:

Robert Borghesi's profile picture
Robert Borghesi2 years ago

"hey google, hide unseen experiments from my timeline, don't want to feel dumb af"

Movipods's profile picture
Movipods1 year ago

if you're an aspiring (or established) filmmaker looking to package your next project effectively...Let's connect.

Joaquin Maurtua's profile picture
Joaquin Maurtua2 years ago

Amazing! What did you use in threejs to do this?

Ash Thornton's profile picture
Ash Thornton2 years ago

It's mostly shader passes with some instanced particles

Rémy's profile picture
Rémy2 years ago

Awesome

Matt Hall's profile picture
Matt Hall2 years ago

😍

simon harris's profile picture
simon harris2 years ago

This looks amazing!

Jan's profile picture
Jan2 years ago

Ghost 👻

👀's profile picture
👀2 years ago

👋

Ash Thornton's profile picture
Ash Thornton2 years ago

@fdrc_o

Related Videos

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl
0:24

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl

Aj

657,602 views • 2 years ago

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

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

Sabo Sugi

12,523 views • 1 month ago

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 views • 2 years ago

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

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

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding
0:48

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding

Hans Chiu

11,362 views • 1 month ago

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :
0:20

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :

Kevin Levron

25,461 views • 11 months ago

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

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

gm creative coders ☕️ Playing around with Three.js inside codevre browser editor. project link -> #creativecoding #threejs
0:28

gm creative coders ☕️ Playing around with Three.js inside codevre browser editor. project link -> #creativecoding #threejs

Tezumie

15,239 views • 6 months ago

#webgl Texture recursion effect using render targets of threejs. Render targets are capable of creating really cool stuff. #threejs #shaders
0:21

#webgl Texture recursion effect using render targets of threejs. Render targets are capable of creating really cool stuff. #threejs #shaders

Refaay

59,335 views • 2 years 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,088 views • 3 years ago

messing around with some cover ideas for tour
0:25

messing around with some cover ideas for tour

J&J

17,622 views • 9 months ago

Have a play with my new interactive Koi carp pond scene! 🐟🐟🐟 ➡️ Heightfield water sim, real-time refractions and a generative night sky that's different each time. Built with #threejs and #r3f #creativecoding #javascript #webgl
0:29

Have a play with my new interactive Koi carp pond scene! 🐟🐟🐟 ➡️ Heightfield water sim, real-time refractions and a generative night sky that's different each time. Built with #threejs and #r3f #creativecoding #javascript #webgl

sᴄᴏᴛᴛ ᴅᴀʀʙʏ

111,174 views • 3 years ago

My website in 2015😅 It still works #webgl #threejs #webdesign
0:22

My website in 2015😅 It still works #webgl #threejs #webdesign

Kitasenju Design

215,367 views • 2 years ago

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

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

Fabio Ottaviani

62,510 views • 2 years ago

Completed Decals, the final key feature for beta #threejs #webgl #3drender
0:48

Completed Decals, the final key feature for beta #threejs #webgl #3drender

max

12,813 views • 1 year ago

Make your 3D files lighter and faster! ⚡✨ GLB Optimizer helps you reduce file size without losing quality perfect for web performance. Try it out: 🚀 #Threejs #WebGL #3DOptimization
0:41

Make your 3D files lighter and faster! ⚡✨ GLB Optimizer helps you reduce file size without losing quality perfect for web performance. Try it out: 🚀 #Threejs #WebGL #3DOptimization

Three.js Resources

17,103 views • 1 year ago

Like smashing stuff? Me too.🔨 I just dropped a major update for my open-source destruction library— three-piñata 🪅 Added Voronoi fracturing and made it way easier to use. Check out the demo and relieve some stress! #threejs #webgl #webgpu #3dgraphics
0:39

Like smashing stuff? Me too.🔨 I just dropped a major update for my open-source destruction library— three-piñata 🪅 Added Voronoi fracturing and made it way easier to use. Check out the demo and relieve some stress! #threejs #webgl #webgpu #3dgraphics

Dan Greenheck

16,697 views • 7 months ago