Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

Jean_mazouni's profile picture

Jean Mazouni

2,004 subscribers

13,646 görüntüleme • 1 yıl önce •via X (Twitter)

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Jean Mazouni profil fotoğrafı
Jean Mazouni1 yıl önce

Live demo

Dr Shad Katuu 🌐 profil fotoğrafı
Dr Shad Katuu 🌐5 yıl önce

Open access ~> "Using Web Analytics to Assess Traffic to the Mandela Portal: The Case of African Countries" in New Review of Information Networking #BigData #DataTrustworthiness #Ghana #GoogleAnalytics #Kenya #NelsonMandela #Nigeria #SouthAfrica #Tanzania

capitalized time profil fotoğrafı
capitalized time1 yıl önce

@threejs quick feedback on an edge case: if i scroll too far down quickly then back to the top, the scroll breaks good work!!

Jean Mazouni profil fotoğrafı
Jean Mazouni1 yıl önce

@threejs Interesting, I'm not able to reproduce it, are you using a mouse or trackpad ?

Col' ✦ profil fotoğrafı
Col' ✦1 yıl önce

@threejs so coool 🔥

Jean Mazouni profil fotoğrafı
Jean Mazouni1 yıl önce

@threejs Thanks 🤝

Swati Awasthi profil fotoğrafı
Swati Awasthi1 yıl önce

@threejs This is such a smooth use of InstancedMesh—crazy efficient and visually clean. Love the shader work too!

Vikas Raj Yadav ˎˊ˗ profil fotoğrafı
Vikas Raj Yadav ˎˊ˗1 yıl önce

@threejs Wow!!! Such a cool interaction.

Jean Mazouni profil fotoğrafı
Jean Mazouni1 yıl önce

@threejs Thank you 🙏

doni rizky kurniawan profil fotoğrafı
doni rizky kurniawan1 yıl önce

@threejs Could you please share how to make such animation?

Benzer Videolar

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

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

Jean Mazouni

15,994 görüntüleme • 1 yıl önce

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :
0:36

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :

Kevin Levron

19,378 görüntüleme • 1 yıl önce

X-Rays visualizer using Three.js render targets + postprocessing shaders Live demo + github 👇
0:25

X-Rays visualizer using Three.js render targets + postprocessing shaders Live demo + github 👇

chakib

27,082 görüntüleme • 1 yıl önce

Inspired by 2swap's Klotski visualization video, I asked claude to make interactive state-space adjacency graph visualization, using Three.js and InstancedMesh for optimized rendering. It nearly zero-shot it. Absolutely wild time we live in.
0:29

Inspired by 2swap's Klotski visualization video, I asked claude to make interactive state-space adjacency graph visualization, using Three.js and InstancedMesh for optimized rendering. It nearly zero-shot it. Absolutely wild time we live in.

Simo Ryu

29,155 görüntüleme • 9 ay önce

Rendering a 125GB Protomaps vector tile dataset dynamically in Three.js using compute passes and workers
0:21

Rendering a 125GB Protomaps vector tile dataset dynamically in Three.js using compute passes and workers

Three.js

80,331 görüntüleme • 14 gün önce

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 görüntüleme • 7 ay önce

10 million particles rendered in real-time using compute shaders in a 3D/immersive space.
0:28

10 million particles rendered in real-time using compute shaders in a 3D/immersive space.

Ren Yuan

16,178 görüntüleme • 1 yıl önce

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 görüntüleme • 9 ay önce

Another go at implementing realtime GI in three.js demo: #threejs #javascript
0:42

Another go at implementing realtime GI in three.js demo: #threejs #javascript

Domenicobrz

29,671 görüntüleme • 1 yıl önce

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,476,138 görüntüleme • 9 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 5 ay önce

A simple gem shader you can create with Shader Graph in Unity 💎 Shaders, Compute Shaders, and Math for Graphics 🔗 #IndieDevSunday
0:20

A simple gem shader you can create with Shader Graph in Unity 💎 Shaders, Compute Shaders, and Math for Graphics 🔗 #IndieDevSunday

Shaders Bible Series

23,152 görüntüleme • 4 gün önce

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 görüntüleme • 11 ay önce

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.
0:36

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.

Techartist

13,295 görüntüleme • 10 ay önce

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.
0:42

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.

Techartist

14,276,889 görüntüleme • 11 ay önce

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 görüntüleme • 11 ay önce

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI
0:30

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

Techartist

2,986,889 görüntüleme • 11 ay önce