正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Jean Mazouni

1,758 subscribers

15,994 次观看 • 1 年前 •via X (Twitter)

科学技术艺术

Anya Rossi• Live Now

Private livecam show

11 条评论

Jean Mazouni 的头像

Jean Mazouni1 年前

Live demo

Croudemar 的头像

Croudemar1 年前

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

Mats Erdkamp 的头像

Mats Erdkamp1 年前

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

Jean Mazouni 的头像

Jean Mazouni1 年前

@threejs Amazing !

Matias Perez 的头像

Matias Perez1 年前

@threejs Looking good!

Jiacheng 的头像

Jiacheng1 年前

@threejs So good!!!

ΛПĐY 的头像

ΛПĐY1 年前

@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.hive 的头像

echo.hive1 年前

@threejs Amazing work! ❤️ Just DMed you.

Hungry Donk-E 的头像

Hungry Donk-E1 年前

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

Dami Dina 的头像

Dami Dina1 年前

@threejs Yooo was actually looking for something like this today

Sylwester Mielniczuk 🔮💎 的头像

Sylwester Mielniczuk 🔮💎1 年前

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

相关视频

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 次观看 • 1 年前

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 次观看 • 11 个月前

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 次观看 • 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! 👀🎮

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 个月前

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 次观看 • 11 个月前

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 次观看 • 9 个月前

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 次观看 • 2 个月前

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 次观看 • 11 个月前

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 次观看 • 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. 👇

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 年前

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 次观看 • 6 个月前

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 次观看 • 1 个月前

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 次观看 • 10 个月前

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 次观看 • 9 个月前

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 次观看 • 14 天前

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 次观看 • 1 年前

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 次观看 • 3 年前

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 次观看 • 6 个月前

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 次观看 • 9 个月前