Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.

techartist_'s profile picture

Techartist

13,872 subscribers

14,276,274 görüntüleme • 10 ay önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

David McBacon | Bachoff Studio profil fotoğrafı
David McBacon | Bachoff Studio10 ay önce

@xai @threejs There isn’t a single one of your resources that doesn’t make my jaw drop. Insane work! 🔥

Techartist profil fotoğrafı
Techartist10 ay önce

@xai @threejs Thanks David, this is one of the best compliments I have received. Appreciate it a lot mate. ♥️🙏

Premium profil fotoğrafı
Premium11 ay önce

Go ad-free on X with Premium+ It's the highest return on investment you can make.

slimemax profil fotoğrafı
slimemax10 ay önce

@xai @threejs grok can use unreal engine and unity?

Techartist profil fotoğrafı
Techartist10 ay önce

@xai @threejs No clue mate, I don’t use UE or Unity

soulblocks profil fotoğrafı
soulblocks10 ay önce

@xai @threejs Wait so this runs in a browser?! 👀🖤

Techartist profil fotoğrafı
Techartist10 ay önce

@xai @threejs Yes sir ❤️

miadt profil fotoğrafı
miadt10 ay önce

@xai @threejs Amazing🪐✴︎ Particles are beautiful ✦

Techartist profil fotoğrafı
Techartist10 ay önce

@xai @threejs Thanks so much, appreciate the kind words and constant support. ❤️🙏

Annu (アンヌ)✨ profil fotoğrafı
Annu (アンヌ)✨10 ay önce

@xai @threejs 😯😯

Techartist profil fotoğrafı
Techartist10 ay önce

@xai @threejs 🤔❤️🙏

Benzer Videolar

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.
0:36

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.

Techartist

13,295 görüntüleme • 9 ay önce

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇
0:50

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇

Techartist

29,367 görüntüleme • 10 ay önce

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇
0:25

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,103,257 görüntüleme • 10 ay önce

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.
0:36

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.

Techartist

106,082 görüntüleme • 10 ay önce

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI
0:30

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

Techartist

2,986,019 görüntüleme • 10 ay önce

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇
0:48

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

Techartist

13,955 görüntüleme • 1 yıl önce

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼
0:31

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

Techartist

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

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 görüntüleme • 1 yıl önce

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript
0:26

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

Techartist

14,977 görüntüleme • 1 yıl önce

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:49

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

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

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:
0:28

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Techartist

14,362 görüntüleme • 2 ay ö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

.TAドコロ recreated the look and behavior of an 8-directional 2D sprite using a 3D character with custom materials and post-processing effects. Try a similar setup:
0:34

.TAドコロ recreated the look and behavior of an 8-directional 2D sprite using a 3D character with custom materials and post-processing effects. Try a similar setup:

80 LEVEL

40,878 görüntüleme • 1 yıl önce

Coded with Grok 4 from xAI , built this Three.js demo using a 3D model from its examples. Imagine building on it for fun school learning or an immersive game/web experience. Grok 4's coding abilities open up creative possibilities for everyone.
0:28

Coded with Grok 4 from xAI , built this Three.js demo using a 3D model from its examples. Imagine building on it for fun school learning or an immersive game/web experience. Grok 4's coding abilities open up creative possibilities for everyone.

Techartist

58,303 görüntüleme • 10 ay önce

Wild what's possible now: I can ship a 3D experience prototype to a museum in a single afternoon. Everything coded and generated with Omma, leveraging AI to iterate fast. 3D models generated in Omma. Scene built on top of Three.js. Prompted for dissolving shaders + particle systems?
0:30

Wild what's possible now: I can ship a 3D experience prototype to a museum in a single afternoon. Everything coded and generated with Omma, leveraging AI to iterate fast. 3D models generated in Omma. Scene built on top of Three.js. Prompted for dissolving shaders + particle systems?

Joseph Azar

92,443 görüntüleme • 17 gün önce

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇
0:36

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇

Techartist

1,419,502 görüntüleme • 10 ay önce

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:
0:23

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:

The Bugged Dev

20,631 görüntüleme • 4 ay önce

Launching Vibeviz 2.0 Create music visual videos with ThreeJS MIT license, link below Features: - 3D Shapes - Keyframe Animations and Easing - GLB model import w keyframed Animations - Background Shaders w TSL - Waveform Visualizers (MeshInstance, Lines, Particles) - Particle Systems with Repulsors and Attractors - Postprocessing Effects (Chromatic Aberration, Bloom, After Image) - Camera Switching with Keyframes - Lights - PBR Materials - Lots of Love for every ThreeJS contributor <3
0:52

Launching Vibeviz 2.0 Create music visual videos with ThreeJS MIT license, link below Features: - 3D Shapes - Keyframe Animations and Easing - GLB model import w keyframed Animations - Background Shaders w TSL - Waveform Visualizers (MeshInstance, Lines, Particles) - Particle Systems with Repulsors and Attractors - Postprocessing Effects (Chromatic Aberration, Bloom, After Image) - Camera Switching with Keyframes - Lights - PBR Materials - Lots of Love for every ThreeJS contributor <3

robot

16,213 görüntüleme • 8 ay önce