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.

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

chakib

2,954 subscribers

27,126 views • 1 year ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

Jean Mazouni1 year ago

Demo → Github →

Ulf1 year ago

@threejs @8Infinite8 😁😁

Marco Schikatis1 year ago

@threejs @8Infinite8

Chris Lane Jones1 year ago

@threejs This is great!

Jean Mazouni1 year ago

@threejs Thank you !

Lee Martin1 year ago

@threejs Well done!

Jean Mazouni1 year ago

@threejs 🙌

James Steinberg1 year ago

@threejs this is really cool

Jean Mazouni1 year ago

@threejs Thanks man !

Christophe Ribeiro1 year ago

@threejs Really impressive!

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

#webgl Texture recursion effect using render targets of threejs. Render targets are capable of creating really cool stuff. #threejs #shaders

#webgl Texture recursion effect using render targets of threejs. Render targets are capable of creating really cool stuff. #threejs #shaders

Refaay

60,369 views • 2 years 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,476,231 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,930 views • 2 years ago

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

Matias 🧉

27,091 views • 4 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 • 11 months ago

Three.js Water Pro officially supports using Three.js Sky Pro as a dynamic sky option! 🌊☀️☁️ Live Demo: This was actually way more complicated that I anticipated, but it's now robust enough I'm comfortable releasing it. More info in comments!👇🏻

Three.js Water Pro officially supports using Three.js Sky Pro as a dynamic sky option! 🌊☀️☁️ Live Demo: This was actually way more complicated that I anticipated, but it's now robust enough I'm comfortable releasing it. More info in comments!👇🏻

Dan Greenheck

20,495 views • 1 day ago

ULTIMATE mobile onchain app template 📱 Expo - Nativewind - thirdweb Auto login, no gas, no jargon. Live demo 👇 github repo in 🧵

ULTIMATE mobile onchain app template 📱 Expo - Nativewind - thirdweb Auto login, no gas, no jargon. Live demo 👇 github repo in 🧵

Joaquim

20,118 views • 1 year 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 • 1 year 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 • 3 months ago

ASTRODITHER. LIVE. NOW. ✨ An audio reactive Astro / Three.js webGPU experiment with TSL, custom fluid sim, selective bloom, postprocessing, dithering, time warp and much more i don't even remember. Enjoy it, with audio clearly. 🔊 ↓↓

ASTRODITHER. LIVE. NOW. ✨ An audio reactive Astro / Three.js webGPU experiment with TSL, custom fluid sim, selective bloom, postprocessing, dithering, time warp and much more i don't even remember. Enjoy it, with audio clearly. 🔊 ↓↓

Robert Borghesi

23,855 views • 9 months 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 • 1 year ago

Using GitHub Copilot? Make sure you know your modes. 🧠 Ask = Talk it out 🗣️ Edit = Make a specific change ✍️ Agent = Get AI to do it for you 🤖 Watch the full demo for the complete deep dive.👇

Using GitHub Copilot? Make sure you know your modes. 🧠 Ask = Talk it out 🗣️ Edit = Make a specific change ✍️ Agent = Get AI to do it for you 🤖 Watch the full demo for the complete deep dive.👇

GitHub

46,864 views • 9 months ago

Watch Gemini 2.5 Pro vibe-code a 3D cake visualizer 🎂 Using Three.js, it builds custom animations, UI controls, updates the visuals based on feedback - and even gives price estimates. ↓

Watch Gemini 2.5 Pro vibe-code a 3D cake visualizer 🎂 Using Three.js, it builds custom animations, UI controls, updates the visuals based on feedback - and even gives price estimates. ↓

Google DeepMind

82,856 views • 1 year ago

Multi-talented Filip ↟ shares an incredible article with us today: learn how he built a sci-fi-worthy 3D audio visualizer with Three.js, GSAP & Web Audio API — glowing shaders, draggable UI, and beats that shape the visuals in real time. 🎶🎧 👉

Multi-talented Filip ↟ shares an incredible article with us today: learn how he built a sci-fi-worthy 3D audio visualizer with Three.js, GSAP & Web Audio API — glowing shaders, draggable UI, and beats that shape the visuals in real time. 🎶🎧 👉

Codrops

15,391 views • 1 year ago

I recreated the caustics sequences in Blade Runner in Blender, using Shaders Plus' Real-Time Caustics, and each frame took only roughly 20s per scene to render on an RTX 3080! 🤠 You can check out Shaders Plus here! :) #blender3d #b3d

I recreated the caustics sequences in Blade Runner in Blender, using Shaders Plus' Real-Time Caustics, and each frame took only roughly 20s per scene to render on an RTX 3080! 🤠 You can check out Shaders Plus here! :) #blender3d #b3d

SMOUSE 🔸

62,427 views • 1 year ago

Meshline for TSL #threejs is here ! 🥳 Github & demo links in thread 👇

Meshline for TSL #threejs is here ! 🥳 Github & demo links in thread 👇

David Ronai

26,100 views • 10 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 • 1 year ago