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 👇

Jean Mazouni

2,117 subscribers

24,511 views • 11 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

Jean Mazouni11 months ago

Demo → Github →

Ulf11 months ago

@threejs @8Infinite8 😁😁

Marco Schikatis11 months ago

@threejs @8Infinite8

Chris Lane Jones11 months ago

@threejs This is great!

Jean Mazouni11 months ago

@threejs Thank you !

Lee Martin11 months ago

@threejs Well done!

Jean Mazouni11 months ago

@threejs 🙌

James Steinberg11 months ago

@threejs this is really cool

Jean Mazouni11 months ago

@threejs Thanks man !

Christophe Ribeiro11 months 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

59,335 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,475,993 views • 9 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,761 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 🧉

26,985 views • 3 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 • 9 months 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

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,820 views • 7 months 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 • 1 month 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 • 11 months ago

GitHub agents are live on Zola. using MCP servers (git-mcp), you can chat with any repo, fetch docs, search code, and more. demo with prompt-kit repo

GitHub agents are live on Zola. using MCP servers (git-mcp), you can chat with any repo, fetch docs, search code, and more. demo with prompt-kit repo

Ibelick

10,964 views • 1 year 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 • 11 months 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,844 views • 8 months ago

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

Visualization and sonification of the GitHub commit history of the Three.js repository.

Visualization and sonification of the GitHub commit history of the Three.js repository.

Ren Yuan

132,937 views • 2 years ago

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 views • 7 days ago