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 ↓

48,351 views

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

64,518 views

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 views

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

172,712 views

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 views

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 views

$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 views

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

25,221 views

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 views

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 views

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 views

$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 views

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 views

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 views

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 views

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

12,547 views

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 views

Videos

LIVE

1.2k

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Streaming Now

Watch Anya Live

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

HD live stream

Exclusive private shows

1.2k viewers online

Current Status

Live

Private Show

Join now for exclusive access

Free preview available • Premium content

Live Cam

Techartist

Shorts

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

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

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.

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

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 👇

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

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 TPMS atlas exploring mathematical surfaces through procedural shaders, volumetric field computation and realtime topology visualisation.

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.

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 👇

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.

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

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

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

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

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

Videos

Watch Anya Live

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.

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

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

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

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

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

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

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 ↓

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.

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 ↓

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 astrophysics web app exploring Three-Body Resonance, Lagrange Fields, Roche Disruption &amp; Accretion Disk Dynamics with dark-mode UI, sci-fi telemetry &amp; info panels. UI Design → ChatGPT Images 2 Code → Gemini 3.1 Pro Music → Suno 5.5

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.

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.

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 🔊

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

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.

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.

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