Loading video...

Video Failed to Load

Go Home

X-Rays visualizer using Three.js render targets + postprocessing shaders Live demo + github ๐Ÿ‘‡

highpfloat's profile picture

chakib

2,954 subscribers

27,126 views โ€ข 1 year ago โ€ขvia X (Twitter)

LIVE

Anya Rossiโ€ข Live Now

Private livecam show

10 Comments

Jean Mazouni's profile picture
Jean Mazouni1 year ago

Demoย โ†’ Github โ†’

Ulf's profile picture
Ulf1 year ago

@threejs @8Infinite8 ๐Ÿ˜๐Ÿ˜

Marco Schikatis's profile picture
Marco Schikatis1 year ago

@threejs @8Infinite8

Chris Lane Jones's profile picture
Chris Lane Jones1 year ago

@threejs This is great!

Jean Mazouni's profile picture
Jean Mazouni1 year ago

@threejs Thank you !

Lee Martin's profile picture
Lee Martin1 year ago

@threejs Well done!

Jean Mazouni's profile picture
Jean Mazouni1 year ago

@threejs ๐Ÿ™Œ

James Steinberg's profile picture
James Steinberg1 year ago

@threejs this is really cool

Jean Mazouni's profile picture
Jean Mazouni1 year ago

@threejs Thanks man !

Christophe Ribeiro's profile picture
Christophe Ribeiro1 year ago

@threejs Really impressive!

Related Videos

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

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

Refaay

60,369 views โ€ข 3 years ago

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,632 views โ€ข 1 year 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
0:22

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

426,213 views โ€ข 2 years ago

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below ๐Ÿงต
0:21

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below ๐Ÿงต

Matias ๐Ÿง‰

27,091 views โ€ข 6 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 -
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,281 views โ€ข 1 year 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!๐Ÿ‘‡๐Ÿป
0:22

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

25,471 views โ€ข 1 month ago

ULTIMATE mobile onchain app template ๐Ÿ“ฑ Expo - Nativewind - thirdweb Auto login, no gas, no jargon. Live demo ๐Ÿ‘‡ github repo in ๐Ÿงต
3:34

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!
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 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.
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 views โ€ข 5 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. ๐Ÿ”Š โ†“โ†“
0:34

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 โ€ข 11 months ago

Created an open-source mesh painter using Three.js . You can paint Crystals ๐Ÿ’Ž molten cracks ๐Ÿ”ฅ aurora silk ๐ŸŒŒ glowing coral reefs ๐Ÿชธ WebGPU is used. GPU-instanced pieces, animated live in shaders & real-time preview during changes. Source code :
0:27

Created an open-source mesh painter using Three.js . You can paint Crystals ๐Ÿ’Ž molten cracks ๐Ÿ”ฅ aurora silk ๐ŸŒŒ glowing coral reefs ๐Ÿชธ WebGPU is used. GPU-instanced pieces, animated live in shaders & real-time preview during changes. Source code :

Chiro Visuals

32,659 views โ€ข 1 month 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.๐Ÿ‘‡
0:29

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,877 views โ€ข 11 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. โ†“
1:41

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

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
0:49

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 ๐Ÿ‘‡
0:21

Meshline for TSL #threejs is here ! ๐Ÿฅณ Github & demo links in thread ๐Ÿ‘‡

David Ronai

26,119 views โ€ข 1 year ago