Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 1 год назад •via X (Twitter)

ИскусствоНаука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 10

Фото профиля Jean Mazouni
Jean Mazouni1 год назад

Live demo

Фото профиля Dr Shad Katuu 🌐
Dr Shad Katuu 🌐5 лет назад

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
capitalized time1 год назад

@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
Jean Mazouni1 год назад

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

Фото профиля Col' ✦
Col' ✦1 год назад

@threejs so coool 🔥

Фото профиля Jean Mazouni
Jean Mazouni1 год назад

@threejs Thanks 🤝

Фото профиля Swati Awasthi
Swati Awasthi1 год назад

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

Фото профиля Vikas Raj Yadav ˎˊ˗
Vikas Raj Yadav ˎˊ˗1 год назад

@threejs Wow!!! Such a cool interaction.

Фото профиля Jean Mazouni
Jean Mazouni1 год назад

@threejs Thank you 🙏

Фото профиля doni rizky kurniawan
doni rizky kurniawan1 год назад

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

Похожие видео

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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,400 просмотров • 16 дней назад

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 просмотров • 9 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 10 месяцев назад

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 просмотров • 1 год назад

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,184 просмотров • 10 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 год назад

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,971 просмотров • 2 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 5 дней назад

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 просмотров • 11 месяцев назад

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 просмотров • 10 месяцев назад

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,893 просмотров • 11 месяцев назад

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 просмотров • 11 месяцев назад

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 просмотров • 11 месяцев назад