Techartist's banner

Techartist

@techartist_ • 14,210 subscribers

Code • 3D • Math • Shaders Open source code: https://t.co/SZuO91kPvn

Shorts

You can just code beautiful 3D worlds with AI and Three.js. Here’s the workflow I use ↓

You can just code beautiful 3D worlds with AI and Three.js. Here’s the workflow I use ↓

48,351 просмотров

Coded with Claude Sonnet 5 using Three.js, a fantasy singularity observatory featuring orbital satellites, accretion disks, polar jets, and holographic panels.

Coded with Claude Sonnet 5 using Three.js, a fantasy singularity observatory featuring orbital satellites, accretion disks, polar jets, and holographic panels.

64,787 просмотров

Built my version of an interactive 3D V8 engine sim with real-time procedural kinematics and RPM controls. Didn't use Fable 5, and the AI I used actually costs less than Opus.

Built my version of an interactive 3D V8 engine sim with real-time procedural kinematics and RPM controls. Didn't use Fable 5, and the AI I used actually costs less than Opus.

42,656 просмотров

A 3D visualization of Energy in Chaos coded with Google Gemini 3 Pro Preview using Three.js

A 3D visualization of Energy in Chaos coded with Google Gemini 3 Pro Preview using Three.js

172,712 просмотров

Built an interactive Three.js system where click/touch input morphs 6,000 shader particles between code-generated mathematical structures. Open source code and demo 👇

Built an interactive Three.js system where click/touch input morphs 6,000 shader particles between code-generated mathematical structures. Open source code and demo 👇

17,166 просмотров

Interactive Alpha Stirling engine simulation with animated kinematics, heat-driven motion and particle gas dynamics. Coded with ChatGPT 5.5 using Three.js

Interactive Alpha Stirling engine simulation with animated kinematics, heat-driven motion and particle gas dynamics. Coded with ChatGPT 5.5 using Three.js

20,719 просмотров

$Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.$

Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.

83,844 просмотров

Built an interactive 3D TPMS atlas exploring mathematical surfaces through procedural shaders, volumetric field computation and realtime topology visualisation.

Built an interactive 3D TPMS atlas exploring mathematical surfaces through procedural shaders, volumetric field computation and realtime topology visualisation.

25,221 просмотров

There’s a strange moment in 3D work when separate objects finally start feeling like one world. Built with AI and Three.js, this scene was created around chasing that moment.

There’s a strange moment in 3D work when separate objects finally start feeling like one world. Built with AI and Three.js, this scene was created around chasing that moment.

11,831 просмотров

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇

14,069 просмотров

I made a 3D web app for exploring steampunk, electronic, and cybernetic butterflies from the future, designed as a morphology archive for studying their engineered evolution.

I made a 3D web app for exploring steampunk, electronic, and cybernetic butterflies from the future, designed as a morphology archive for studying their engineered evolution.

13,742 просмотров

$An interactive 3D particle system that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches. Built with Three.js, features a sci-fi HUD, live stats, trails, and smooth camera controls.$

An interactive 3D particle system that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches. Built with Three.js, features a sci-fi HUD, live stats, trails, and smooth camera controls.

22,919 просмотров

An abstract generative sculpture exploring knots, energy flow, and emergent structure in 3D space. Coded with Google Gemini 3.1 Pro using Three.js and GLSL shaders. 🔊

An abstract generative sculpture exploring knots, energy flow, and emergent structure in 3D space. Coded with Google Gemini 3.1 Pro using Three.js and GLSL shaders. 🔊

22,595 просмотров

Math and Music: Interactive 3D Three.js visualization of the Hindmarsh–Rose neuron model, rendered as a glowing chaotic attractor with particle energy flow, bloom effects, orbit controls, and color themes. Demo/code in comments. 👇

Math and Music: Interactive 3D Three.js visualization of the Hindmarsh–Rose neuron model, rendered as a glowing chaotic attractor with particle energy flow, bloom effects, orbit controls, and color themes. Demo/code in comments. 👇

21,714 просмотров

Evidence that chaos can be beautiful. Built with Three.js and GLSL shaders, this integrates dx/dt=sin(y)−b x, dy/dt=sin(z)−b y, dz/dt=sin(x)−b z. At b≈0.19 the Thomas attractor settles into a stable yet chaotic 3D geometry. 🔊

Evidence that chaos can be beautiful. Built with Three.js and GLSL shaders, this integrates dx/dt=sin(y)−b x, dy/dt=sin(z)−b y, dz/dt=sin(x)−b z. At b≈0.19 the Thomas attractor settles into a stable yet chaotic 3D geometry. 🔊

17,975 просмотров

Math meets music, capturing chaos in 3D. The Aizawa chaotic attractor, coded with Grok 4.20. Sound on. 🔊

Math meets music, capturing chaos in 3D. The Aizawa chaotic attractor, coded with Grok 4.20. Sound on. 🔊

12,547 просмотров

Math and Music: An animated Halvorsen attractor rendered in 3D with glowing lines and smooth motion. Supports camera movement, dynamic lighting, and three visual themes that shift the mood and color of the form. Coded with Grok. 🔊

Math and Music: An animated Halvorsen attractor rendered in 3D with glowing lines and smooth motion. Supports camera movement, dynamic lighting, and three visual themes that shift the mood and color of the form. Coded with Grok. 🔊

11,103 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

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.

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.

14,277,953 просмотров • 1 год назад

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.

2,853,829 просмотров • 11 месяцев назад

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. 🧵👇

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. 🧵👇

3,103,803 просмотров • 1 год назад

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

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

2,987,901 просмотров • 1 год назад

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

1,476,231 просмотров • 11 месяцев назад

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. 👇

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. 👇

1,421,031 просмотров • 1 год назад

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇

1,007,579 просмотров • 11 месяцев назад

Thomas’ Cyclically Symmetric Chaotic Attractor ẋ = sin(y) - bx, ẏ = sin(z) - by, ż = sin(x) - bz Used in chaos theory, turbulence & signal systems. Built with Three.js, GLSL shaders, GPU instancing & cinematic post-processing. Best with sound on.

Thomas’ Cyclically Symmetric Chaotic Attractor ẋ = sin(y) - bx, ẏ = sin(z) - by, ż = sin(x) - bz Used in chaos theory, turbulence & signal systems. Built with Three.js, GLSL shaders, GPU instancing & cinematic post-processing. Best with sound on.

38,369 просмотров • 2 месяцев назад

Inspired by sacred geometry and intermittent energy transmission, this Three.js experiment builds a living octahedral construct with holographic shaders, glowing orbitals, volumetric particles, and sci-fi UI aesthetics. Open-source code ↓

Inspired by sacred geometry and intermittent energy transmission, this Three.js experiment builds a living octahedral construct with holographic shaders, glowing orbitals, volumetric particles, and sci-fi UI aesthetics. Open-source code ↓

36,669 просмотров • 2 месяцев назад

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.

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.

106,082 просмотров • 1 год назад

Realtime 3D audio visualisation with drag-and-drop music support, waveform landscapes, particle fields, spectrum analysis and shader-driven motion reacting directly to bass, mids and treble. Sound on 🔊 More demos ↓

Realtime 3D audio visualisation with drag-and-drop music support, waveform landscapes, particle fields, spectrum analysis and shader-driven motion reacting directly to bass, mids and treble. Sound on 🔊 More demos ↓

21,986 просмотров • 2 месяцев назад

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.

20,282 просмотров • 2 месяцев назад

Built an interactive 3D astrophysics web app exploring Three-Body Resonance, Lagrange Fields, Roche Disruption & Accretion Disk Dynamics with dark-mode UI, sci-fi telemetry & info panels. UI Design → ChatGPT Images 2 Code → Gemini 3.1 Pro Music → Suno 5.5

Built an interactive 3D astrophysics web app exploring Three-Body Resonance, Lagrange Fields, Roche Disruption & Accretion Disk Dynamics with dark-mode UI, sci-fi telemetry & info panels. UI Design → ChatGPT Images 2 Code → Gemini 3.1 Pro Music → Suno 5.5

20,404 просмотров • 2 месяцев назад

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.

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.

58,303 просмотров • 1 год назад

Interactive quantum neural network built with Three.js and GLSL shaders, wrapped in a glassmorphic UI. Click or drag sends pulses while form, colors, and density update in real time through the interface. Let me know in comments if you want the code and I’ll share it.

Interactive quantum neural network built with Three.js and GLSL shaders, wrapped in a glassmorphic UI. Click or drag sends pulses while form, colors, and density update in real time through the interface. Let me know in comments if you want the code and I’ll share it.

39,285 просмотров • 7 месяцев назад

Four strange attractors, one continuous morph. Lorenz, Aizawa, Thomas, and Halvorsen fold into each other as they keep changing form. Vibe coded with Grok 4.20. Sound on 🔊

Four strange attractors, one continuous morph. Lorenz, Aizawa, Thomas, and Halvorsen fold into each other as they keep changing form. Vibe coded with Grok 4.20. Sound on 🔊

22,123 просмотров • 3 месяцев назад

Interactive 3D particle simulation with evolving swarm formations, procedural animations, morphing transitions, and dynamic abstract structures.

Interactive 3D particle simulation with evolving swarm formations, procedural animations, morphing transitions, and dynamic abstract structures.

11,063 просмотров • 2 месяцев назад

Coded with Grok A glowing stream of flowing particles forming mirrored arcs around a radiant core in 3D, rendered with Three.js, BufferGeometry, PointsMaterial, OrbitControls, and UnrealBloomPass for smooth motion, glow, and depth.

Coded with Grok A glowing stream of flowing particles forming mirrored arcs around a radiant core in 3D, rendered with Three.js, BufferGeometry, PointsMaterial, OrbitControls, and UnrealBloomPass for smooth motion, glow, and depth.

29,204 просмотров • 9 месяцев назад