Techartist

@techartist_ • 15,097 subscribers

Experiments in code, form, light and motion. Interfaces • 3D • Shaders • Game dev

Shorts

Grok 4.6 continues to impress me with how far it can take a visual concept. Built this interactive 3D Japanese riverside town with a tram and station, shrine, bridge, cherry blossoms, flowing river, atmosphere and changing lighting.

61,270 views

I made a tiny ocean in a glass bottle with beautiful marine life, then gave it its own stage and theatrical lighting. Built in 3D entirely with code using Kimi K3.

28,381 views

Made a 3D construction simulation where an autonomous site erects a five storey building component by component, with crane lifts, material deliveries, fastening robots and structural validation. Built with Three.js, WebGPU and Rapier. Showed main stages to keep the video short.

31,366 views

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

54,611 views

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

64,880 views

As the Grok 4.6 release approaches, Grok 4.5 seems to be ageing like fine wine. Built an orbital assembly simulation around a colossal spacecraft, with robotic manipulators, hull installation, active welding and surrounding traffic, using Three.js.

24,224 views

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

172,845 views

Made an interactive Earth network with orbiting satellites, city ground stations and animated data links. Clicking a node transmits data.

21,725 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

An interactive Moon base at the boundary of lunar day and night, featuring habitats, solar arrays, moving rovers, drone patrols, research facilities and responsive lighting, built in Three.js.

15,155 views

Asked ChatGpt 5.6 Sol to enhance the 3D countryside alpine mini world further.

24,570 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

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓

13,448 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 Three.js system where click/touch input morphs 6,000 shader particles between code-generated mathematical structures. Open source code and demo 👇

17,337 views

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

25,221 views

I made a web app that visualises music in real time. Coded with ChatGPT 5.5 using JavaScript, HTML5 Canvas, and the Web Audio API. Sound on, please.

11,177 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,590 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

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

23,421 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

Grok 4.6 continues to impress me with how far it can take a visual concept. Built this interactive 3D Japanese riverside town with a tram and station, shrine, bridge, cherry blossoms, flowing river, atmosphere and changing lighting.

I made a tiny ocean in a glass bottle with beautiful marine life, then gave it its own stage and theatrical lighting. Built in 3D entirely with code using Kimi K3.

Made a 3D construction simulation where an autonomous site erects a five storey building component by component, with crane lifts, material deliveries, fastening robots and structural validation. Built with Three.js, WebGPU and Rapier. Showed main stages to keep the video short.

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.

As the Grok 4.6 release approaches, Grok 4.5 seems to be ageing like fine wine. Built an orbital assembly simulation around a colossal spacecraft, with robotic manipulators, hull installation, active welding and surrounding traffic, using Three.js.

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

Made an interactive Earth network with orbiting satellites, city ground stations and animated data links. Clicking a node transmits data.

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.

An interactive Moon base at the boundary of lunar day and night, featuring habitats, solar arrays, moving rovers, drone patrols, research facilities and responsive lighting, built in Three.js.

Asked ChatGpt 5.6 Sol to enhance the 3D countryside alpine mini world further.

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.

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓

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

I made a web app that visualises music in real time. Coded with ChatGPT 5.5 using JavaScript, HTML5 Canvas, and the Web Audio API. Sound on, please.

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 👇

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.

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.

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

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

A glimpse at how interactive 3D can transform storytelling, tourism and education. Coded with ChatGPT 5.6 Sol and Three.js, this navigable Mediterranean world features landmark viewpoints, architecture, guided exploration and evolving daylight.

The idea was to code a 3D urban timeline with AI, evolving one city block through four eras: antiquity, industrial, present and future. I think ChatGPT 5.6 Sol handled the era transformations, evolving architecture, infrastructure, transport and urban life remarkably well.

Built a low-poly autumn world with Three.js, featuring dynamic traffic, procedural terrain, falling leaves, atmospheric lighting and interactive controls.

Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓

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.

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 ↓

A procedural Three.js seaplane outpost featuring custom GLSL Gerstner water, floatplane buoyancy, physical wakes and spray, dynamic lighting and weather, animated workers, and simulated flight operations. All rendered in the browser and coded with ChatGPT 5.6 Sol.

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 ↓

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.

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

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