Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

highpfloat's profile picture

chakib

2,937 subscribers

27,209 Aufrufe โ€ข vor 1 Jahr โ€ขvia X (Twitter)

LIVE

Anya Rossiโ€ข Live Now

Private livecam show

10 Kommentare

Profilbild von Jean Mazouni
Jean Mazounivor 1 Jahr

Demoย โ†’ Github โ†’

Profilbild von Ulf
Ulfvor 1 Jahr

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

Profilbild von Marco Schikatis
Marco Schikatisvor 1 Jahr

@threejs @8Infinite8

Profilbild von Chris Lane Jones
Chris Lane Jonesvor 1 Jahr

@threejs This is great!

Profilbild von Jean Mazouni
Jean Mazounivor 1 Jahr

@threejs Thank you !

Profilbild von Lee Martin
Lee Martinvor 1 Jahr

@threejs Well done!

Profilbild von Jean Mazouni
Jean Mazounivor 1 Jahr

@threejs ๐Ÿ™Œ

Profilbild von James Steinberg
James Steinbergvor 1 Jahr

@threejs this is really cool

Profilbild von Jean Mazouni
Jean Mazounivor 1 Jahr

@threejs Thanks man !

Profilbild von Christophe Ribeiro
Christophe Ribeirovor 1 Jahr

@threejs Really impressive!

ร„hnliche 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 Aufrufe โ€ข vor 3 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,476,751 Aufrufe โ€ข vor 1 Jahr

Rebuilt it as a tiny demo using Sonnet 5.5 Extra. Vite + Three.js, all shaders: pencil strokes, paper grain, section cuts.
0:22

Rebuilt it as a tiny demo using Sonnet 5.5 Extra. Vite + Three.js, all shaders: pencil strokes, paper grain, section cuts.

Joshua Guo

22,929 Aufrufe โ€ข vor 13 Tagen

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,348 Aufrufe โ€ข vor 2 Jahren

Analog UI experimentitation, canvas for the UI elements, shaders for postprocessing. #creativecoding #generativeart
0:37

Analog UI experimentitation, canvas for the UI elements, shaders for postprocessing. #creativecoding #generativeart

Bart Simons

10,638 Aufrufe โ€ข vor 8 Monaten

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,334 Aufrufe โ€ข vor 8 Monaten

An iridescent parametric form built in Three.js with custom GLSL shaders for refracted color and Fresnel effects, enhanced by EffectComposer God Rays and real-time rotation via OrbitControls.
0:22

An iridescent parametric form built in Three.js with custom GLSL shaders for refracted color and Fresnel effects, enhanced by EffectComposer God Rays and real-time rotation via OrbitControls.

Techartist

10,922 Aufrufe โ€ข vor 1 Jahr

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 Aufrufe โ€ข vor 1 Jahr

๐ŸŽ‰ Black Friday: 50% off all courses. 65+ hours of Three.js and game dev. From basic render loops, to materials/shaders/TSL exercises, to full game architecture like entity management and spatial queries. #threejs
0:34

๐ŸŽ‰ Black Friday: 50% off all courses. 65+ hours of Three.js and game dev. From basic render loops, to materials/shaders/TSL exercises, to full game architecture like entity management and spatial queries. #threejs

Simon

18,153 Aufrufe โ€ข vor 11 Monaten

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 Aufrufe โ€ข vor 3 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,137 Aufrufe โ€ข vor 1 Jahr

Howโ€™s your portfolio going? Mineโ€™s looking fine stack: - three.js - TSL node shaders
0:30

Howโ€™s your portfolio going? Mineโ€™s looking fine stack: - three.js - TSL node shaders

Dash

12,348 Aufrufe โ€ข vor 2 Monaten

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 1 Jahr

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 6 Monaten

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

33,062 Aufrufe โ€ข vor 3 Monaten

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

24,290 Aufrufe โ€ข vor 1 Jahr

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,885 Aufrufe โ€ข vor 1 Jahr