Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Infinit vortex Art Gallery using Three.js Instanced Mesh API + shaders Live demo link ↓

Jean Mazouni

1,758 subscribers

15,994 views • 1 year ago •via X (Twitter)

Science & Technology Arts

Anya Rossi• Live Now

Private livecam show

11 Comments

Jean Mazouni1 year ago

Live demo

Croudemar1 year ago

I love these Minecraft Lego sets, especially the figures and the little enderman! Click an image below or see them all at:

Mats Erdkamp1 year ago

@threejs I feel like these two combined would be amazing! Cool stuff

Jean Mazouni1 year ago

@threejs Amazing !

Matias Perez1 year ago

@threejs Looking good!

Jiacheng1 year ago

@threejs So good!!!

ΛПĐY1 year ago

@threejs I've been waiting to view an archive of stories and posts from Instagram in this way. My Data request from Meta is a huge zip waiting to fly through.

echo.hive1 year ago

@threejs Amazing work! ❤️ Just DMed you.

Hungry Donk-E1 year ago

@threejs 🥕Interesting navigation to add even more depth to @sootworld_

Dami Dina1 year ago

@threejs Yooo was actually looking for something like this today

Sylwester Mielniczuk 🔮💎1 year ago

@threejs oh, instead of images let's display fragments from the video stream

Related Videos

Another media gallery exploration using Three.js InstancedMesh and compute shaders. live demo 👇

Another media gallery exploration using Three.js InstancedMesh and compute shaders. live demo 👇

Jean Mazouni

13,646 views • 1 year ago

demo combining gaussian splat rendering from spark with a collider mesh baked out from the gaussians, using rapier physics in Three.js

demo combining gaussian splat rendering from spark with a collider mesh baked out from the gaussians, using rapier physics in Three.js

Ben Mildenhall

24,981 views • 11 months ago

Created a cool demo for anyone to create shaders 😀You can write your code and see it live on the Las Vegas Sphere! Three.js

Created a cool demo for anyone to create shaders 😀You can write your code and see it live on the Las Vegas Sphere! Three.js

Alexandre Devaux

425,847 views • 2 years ago

1/5 🧵 Three.js Blocks Physics demos are live 🚀 Three.js-first API, WebGL fallback ✅. Native Mesh/InstancedMesh/BatchedMesh integration. Runs in a Service Worker with instant SharedArrayBuffer sync. Physics is just so fast. Surf Mode is getting better, try it! 👀🎮

1/5 🧵 Three.js Blocks Physics demos are live 🚀 Three.js-first API, WebGL fallback ✅. Native Mesh/InstancedMesh/BatchedMesh integration. Runs in a Service Worker with instant SharedArrayBuffer sync. Physics is just so fast. Surf Mode is getting better, try it! 👀🎮

Renaud

35,169 views • 5 months ago

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

Techartist

15,679 views • 11 months ago

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

Palash Bansal

45,087 views • 9 months ago

One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:

One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:

The Bugged Dev

45,706 views • 2 months ago

Porting over some HLSL point cloud shaders over to spark, a gaussian splatting renderer for Three.js. Some of the effects look a bit messy with 3DGS, but fun to play around with! Also using their new depth of field here which looks really nice. Demo coming soon!

Porting over some HLSL point cloud shaders over to spark, a gaussian splatting renderer for Three.js. Some of the effects look a bit messy with 3DGS, but fun to play around with! Also using their new depth of field here which looks really nice. Demo coming soon!

grade eterna

10,946 views • 11 months ago

I don't think people realize how versatile WebGPU is! 🤯 In this demo, *both* the semantic search model and Earth shaders are running on WebGPU (via Transformers.js and Three.js, respectively). Pretty insane.

I don't think people realize how versatile WebGPU is! 🤯 In this demo, both the semantic search model and Earth shaders are running on WebGPU (via Transformers.js and Three.js, respectively). Pretty insane.

Xenova

18,317 views • 2 months ago

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 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

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

Hey Claude Opus 4.8, build a procedural coastline ocean & surf shader in Three.js 🌊 Demo link below 👇

Hey Claude Opus 4.8, build a procedural coastline ocean & surf shader in Three.js 🌊 Demo link below 👇

Majid Manzarpour

44,026 views • 13 days ago

Scroll-based image gallery transition made with Blissful Image Shaders app

Scroll-based image gallery transition made with Blissful Image Shaders app

Steve Lauda

18,573 views • 1 month ago

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

AA

84,065 views • 10 months ago

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Techartist

1,475,993 views • 9 months ago

Weekend vibecoding project: inventing a new way to annoy my gf and neighbors 👿 Creating an 808 drum kit that you play with hand gestures, using Three.js, Rosebud AI, and webgl shaders. Link to try and source code below! Guitar or piano/synths next? 👀

Weekend vibecoding project: inventing a new way to annoy my gf and neighbors 👿 Creating an 808 drum kit that you play with hand gestures, using Three.js, Rosebud AI, and webgl shaders. Link to try and source code below! Guitar or piano/synths next? 👀

AA

27,271 views • 1 year ago

Using the incredible creative and expressive power of Poimandres r3f + drei for this newsletter landing about AI + Design. With a parametric spring mesh on Three.js, later ported to React. Stay tuned!

Using the incredible creative and expressive power of Poimandres r3f + drei for this newsletter landing about AI + Design. With a parametric spring mesh on Three.js, later ported to React. Stay tuned!

Davo

32,059 views • 3 years ago

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

34,219 views • 5 months ago

A gallery isn’t just a wall of art. It’s a story. And every story deserves context. Gallery Labels. Now live on OpenSea.

A gallery isn’t just a wall of art. It’s a story. And every story deserves context. Gallery Labels. Now live on OpenSea.

OpenSea

38,909 views • 9 months ago