Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 11 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Jean Mazouni profil fotoğrafı
Jean Mazouni11 ay önce

Demo → Github →

Ulf profil fotoğrafı
Ulf11 ay önce

@threejs @8Infinite8 😁😁

Marco Schikatis profil fotoğrafı
Marco Schikatis11 ay önce

@threejs @8Infinite8

Chris Lane Jones profil fotoğrafı
Chris Lane Jones11 ay önce

@threejs This is great!

Jean Mazouni profil fotoğrafı
Jean Mazouni11 ay önce

@threejs Thank you !

Lee Martin profil fotoğrafı
Lee Martin11 ay önce

@threejs Well done!

Jean Mazouni profil fotoğrafı
Jean Mazouni11 ay önce

@threejs 🙌

James Steinberg profil fotoğrafı
James Steinberg11 ay önce

@threejs this is really cool

Jean Mazouni profil fotoğrafı
Jean Mazouni11 ay önce

@threejs Thanks man !

Christophe Ribeiro profil fotoğrafı
Christophe Ribeiro11 ay önce

@threejs Really impressive!

Benzer Videolar

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 görüntüleme • 1 yıl önce

#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 görüntüleme • 2 yıl önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 7 gün önce