Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

Jean_mazouni's profile picture

Jean Mazouni

1,758 subscribers

15,994 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieKunst
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Jean Mazouni
Jean Mazounivor 1 Jahr

Live demo

Profilbild von Croudemar
Croudemarvor 1 Jahr

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

Profilbild von Mats Erdkamp
Mats Erdkampvor 1 Jahr

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

Profilbild von Jean Mazouni
Jean Mazounivor 1 Jahr

@threejs Amazing !

Profilbild von Matias Perez
Matias Perezvor 1 Jahr

@threejs Looking good!

Profilbild von Jiacheng
Jiachengvor 1 Jahr

@threejs So good!!!

Profilbild von ΛПĐY
ΛПĐYvor 1 Jahr

@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.

Profilbild von echo.hive
echo.hivevor 1 Jahr

@threejs Amazing work! ❤️ Just DMed you.

Profilbild von Hungry Donk-E
Hungry Donk-Evor 1 Jahr

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

Profilbild von Dami Dina
Dami Dinavor 1 Jahr

@threejs Yooo was actually looking for something like this today

Profilbild von Sylwester Mielniczuk 🔮💎
Sylwester Mielniczuk 🔮💎vor 1 Jahr

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

Ähnliche Videos

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

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

Jean Mazouni

13,646 Aufrufe • vor 1 Jahr

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

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

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
0:22

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

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! 👀🎮
0:39

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

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. 👇🏼
0:43

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

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 -
1:07

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

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:
0:20

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

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!
1:21

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

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.
0:30

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

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. 👇
0:36

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

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

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 ↴
1:00

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

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

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

Steve Lauda

18,573 Aufrufe • vor 1 Monat

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

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

Majid Manzarpour

44,026 Aufrufe • vor 11 Tagen

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

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

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? 👀
0:27

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

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!
0:25

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

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
1:46

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

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

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