Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

Jean_mazouni's profile picture

Jean Mazouni

2,117 subscribers

24,511 Aufrufe • vor 11 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Jean Mazouni
Jean Mazounivor 11 Monaten

Demo → Github →

Profilbild von Ulf
Ulfvor 11 Monaten

@threejs @8Infinite8 😁😁

Profilbild von Marco Schikatis
Marco Schikatisvor 11 Monaten

@threejs @8Infinite8

Profilbild von Chris Lane Jones
Chris Lane Jonesvor 11 Monaten

@threejs This is great!

Profilbild von Jean Mazouni
Jean Mazounivor 11 Monaten

@threejs Thank you !

Profilbild von Lee Martin
Lee Martinvor 11 Monaten

@threejs Well done!

Profilbild von Jean Mazouni
Jean Mazounivor 11 Monaten

@threejs 🙌

Profilbild von James Steinberg
James Steinbergvor 11 Monaten

@threejs this is really cool

Profilbild von Jean Mazouni
Jean Mazounivor 11 Monaten

@threejs Thanks man !

Profilbild von Christophe Ribeiro
Christophe Ribeirovor 11 Monaten

@threejs Really impressive!

Ähnliche Videos

Another media gallery exploration using Three.js InstancedMesh and compute shaders. live demo 👇
0:22

Another media gallery exploration using Three.js InstancedMesh and compute shaders. live demo 👇

Jean Mazouni

13,646 Aufrufe • vor 1 Jahr

#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

59,335 Aufrufe • vor 2 Jahren

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,475,993 Aufrufe • vor 9 Monaten

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

425,761 Aufrufe • vor 2 Jahren

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 🧉

26,985 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 1 Jahr

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,820 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 11 Monaten

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

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 Aufrufe • vor 1 Jahr

demo combining gaussian splat rendering from spark with a collider mesh baked out from the gaussians, using rapier physics in Three.js
0:25

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 Aufrufe • vor 11 Monaten

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,844 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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. 🎶🎧 👉
0:58

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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,050 Aufrufe • vor 9 Monaten

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

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

Ren Yuan

132,937 Aufrufe • vor 2 Jahren

Hey Claude Opus 4.8, build a procedural coastline ocean & surf shader in Three.js 🌊 Demo link below 👇
1:14

Hey Claude Opus 4.8, build a procedural coastline ocean & surf shader in Three.js 🌊 Demo link below 👇

Majid Manzarpour

44,026 Aufrufe • vor 7 Tagen