Techartist

@techartist_ • 13,872 subscribers

Code • 3D • Shaders • Art Designing interfaces. Building visual systems.

Shorts

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

25,221 次观看

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

171,933 次观看

$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 次观看

$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 次观看

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 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 次观看

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

11,103 次观看

$A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic$

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic

17,960 次观看

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

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

A 3D visualization of Energy in Chaos coded with Google Gemini 3 Pro Preview 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.

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.

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

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic

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

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 ↓

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

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.

Sensitive content

Vibe coded particles with Google Gemini 2.5 Pro morphing shapes &amp; reacting to user input. Built with JavaScript and Three.js/WebGL, using GLSL shaders for visuals and Anime.js for transitions. Source code/CodePen link in the comment below. 👇

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

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.

Liked this Three.js demo? The good news: it was built using Google Gemini 2.5 Pro - no coding skills required. The catch? A base code (mine, but different) was used to guide the initial setup. Let’s walk through the process. A thread 🧵👇

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 &amp; source code:

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.

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

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

Vibe coded particles with Google Gemini 2.5 Pro morphing shapes & reacting to user input. Built with JavaScript and Three.js/WebGL, using GLSL shaders for visuals and Anime.js for transitions. Source code/CodePen link in the comment below. 👇

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:

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