Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieKunst#threejs#webgl#creativecoding
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Ash Thornton
Ash Thorntonvor 2 Jahren

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

Profilbild von Robert Borghesi
Robert Borghesivor 2 Jahren

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

Profilbild von Movipods
Movipodsvor 1 Jahr

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

Profilbild von Joaquin Maurtua
Joaquin Maurtuavor 2 Jahren

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

Profilbild von Ash Thornton
Ash Thorntonvor 2 Jahren

It's mostly shader passes with some instanced particles

Profilbild von Rémy
Rémyvor 2 Jahren

Awesome

Profilbild von Matt Hall
Matt Hallvor 2 Jahren

😍

Profilbild von simon harris
simon harrisvor 2 Jahren

This looks amazing!

Profilbild von Jan
Janvor 2 Jahren

Ghost 👻

Profilbild von 👀
👀vor 2 Jahren

👋

Profilbild von Ash Thornton
Ash Thorntonvor 2 Jahren

@fdrc_o

Ähnliche 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 Aufrufe • vor 2 Jahren

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

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

Sabo Sugi

12,523 Aufrufe • vor 1 Monat

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 6 Monaten

#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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 3 Jahren

messing around with some cover ideas for tour
0:25

messing around with some cover ideas for tour

J&J

17,622 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 2 Jahren

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

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

Fabio Ottaviani

62,510 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten