Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

highpfloat's profile picture

chakib

2,954 subscribers

27,126 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Jean Mazouni profil fotoğrafı
Jean Mazouni1 yıl önce

Demo → Github →

Ulf profil fotoğrafı
Ulf1 yıl önce

@threejs @8Infinite8 😁😁

Marco Schikatis profil fotoğrafı
Marco Schikatis1 yıl önce

@threejs @8Infinite8

Chris Lane Jones profil fotoğrafı
Chris Lane Jones1 yıl önce

@threejs This is great!

Jean Mazouni profil fotoğrafı
Jean Mazouni1 yıl önce

@threejs Thank you !

Lee Martin profil fotoğrafı
Lee Martin1 yıl önce

@threejs Well done!

Jean Mazouni profil fotoğrafı
Jean Mazouni1 yıl önce

@threejs 🙌

James Steinberg profil fotoğrafı
James Steinberg1 yıl önce

@threejs this is really cool

Jean Mazouni profil fotoğrafı
Jean Mazouni1 yıl önce

@threejs Thanks man !

Christophe Ribeiro profil fotoğrafı
Christophe Ribeiro1 yıl ö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

60,369 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,476,231 görüntüleme • 11 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,930 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 🧉

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

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

20,495 görüntüleme • 1 gün ö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

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 • 1 yıl ö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 • 3 ay ö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,855 görüntüleme • 9 ay ö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 • 1 yıl ö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,864 görüntüleme • 9 ay ö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 • 1 yıl ö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,100 görüntüleme • 10 ay önce

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. 👇🏼
0:43

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