Techartist's banner

Techartist

@techartist_ • 17,000 subscribers

Part engineer, part artist, mostly curious. Making the internet more 3D than it should be.

Shorts

From sketch to home, built in 3D with Claude Opus 5.5 using Three.js + TSL. The architecture evolves through four stages: first lines, massing, detail, and finished home.

From sketch to home, built in 3D with Claude Opus 5.5 using Three.js + TSL. The architecture evolves through four stages: first lines, massing, detail, and finished home.

330,510 次观看

Continuing with architecture explorations, I made an adaptive micro apartment in 3D with Claude Opus 5.5 using Three.js + TSL. The apartment transforms with the rhythm of the day, shifting from workspace to kitchen, entertaining space, and finally a bedroom at night.

Continuing with architecture explorations, I made an adaptive micro apartment in 3D with Claude Opus 5.5 using Three.js + TSL. The apartment transforms with the rhythm of the day, shifting from workspace to kitchen, entertaining space, and finally a bedroom at night.

42,881 次观看

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.

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

A real-time coastal simulation in Three.js, pairing a shallow-water solver with breaking swells, whitewater, wet sand and shoreline exploration. Open source code in the post below.

A real-time coastal simulation in Three.js, pairing a shallow-water solver with breaking swells, whitewater, wet sand and shoreline exploration. Open source code in the post below.

22,168 次观看

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

173,016 次观看

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

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 ↓

56,697 次观看

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.

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.

29,166 次观看

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.

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.

32,133 次观看

Built an interactive 3D mechanical chronograph with real-time control of winding, escapement, power and chronograph systems with slow-motion inspection. Ideal for horology education, museums, product showcases and interactive web experiences. Open source code ↓

Built an interactive 3D mechanical chronograph with real-time control of winding, escapement, power and chronograph systems with slow-motion inspection. Ideal for horology education, museums, product showcases and interactive web experiences. Open source code ↓

20,100 次观看

Proof that maths is beautiful. • Featuring Calabi–Yau-inspired geometry, a Lidinoid surface and an Orrery hypersurface • Built with Three.js, GLSL shaders and marching tetrahedra

Proof that maths is beautiful. • Featuring Calabi–Yau-inspired geometry, a Lidinoid surface and an Orrery hypersurface • Built with Three.js, GLSL shaders and marching tetrahedra

27,207 次观看

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

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.

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

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

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

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

21,910 次观看

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

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

24,570 次观看

The Prediction Horizon - NOW marks the present, branching paths map possible futures, and controls alter uncertainty, horizon and noise as evidence reshapes predictions. - Built it with Vanilla JavaScript

The Prediction Horizon - NOW marks the present, branching paths map possible futures, and controls alter uncertainty, horizon and noise as evidence reshapes predictions. - Built it with Vanilla JavaScript

15,395 次观看

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.

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

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

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

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,280,836 次观看 • 1 年前

I built a 3D game where you fly a plane through an entire hurricane. Built with Claude Opus 5.5 using Three.js, runs in the browser.

I built a 3D game where you fly a plane through an entire hurricane. Built with Claude Opus 5.5 using Three.js, runs in the browser.

132,634 次观看 • 9 天前

I made a 3D game in which you race a hovercraft down a river of starlight through a neon galaxy.

I made a 3D game in which you race a hovercraft down a river of starlight through a neon galaxy.

36,437 次观看 • 4 天前

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,104,667 次观看 • 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 次观看 • 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,991,654 次观看 • 1 年前

An interactive 3D house, from Foundation through Skeleton, Systems and Envelope to Finished. An X-ray view reveals the plumbing, power and air inside. Made with Opus 5.5 using Three.js + WebGPU.

An interactive 3D house, from Foundation through Skeleton, Systems and Envelope to Finished. An X-ray view reveals the plumbing, power and air inside. Made with Opus 5.5 using Three.js + WebGPU.

67,547 次观看 • 17 天前

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,751 次观看 • 1 年前

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,253 次观看 • 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,834 次观看 • 1 年前

When jazz, code and Claude come together: a noir mystery about the oldest unsolved case in everyone's house. Built with Opus 5.5, audio with Suno. Time taken 8 hours, mostly code with few free assets from the internet.

When jazz, code and Claude come together: a noir mystery about the oldest unsolved case in everyone's house. Built with Opus 5.5, audio with Suno. Time taken 8 hours, mostly code with few free assets from the internet.

38,101 次观看 • 14 天前

This flamethrower is inspired by Dan Greenheck. Starting with only a screen recording as a visual reference, it took me two iterations to achieve this result. Built with GPT-6 Astra using Three.js. I used 2x/4x speed in video on menu selections to keep the video short.

This flamethrower is inspired by Dan Greenheck. Starting with only a screen recording as a visual reference, it took me two iterations to achieve this result. Built with GPT-6 Astra using Three.js. I used 2x/4x speed in video on menu selections to keep the video short.

62,956 次观看 • 29 天前

Talking about games, I'm making a 3D game where you can build a coastal town with stacked houses, bridges and lighthouses. In night mode, the sky lights up with hundreds of lanterns rising from the town. Building it with Claude Opus 5.5 using Three.js and Blender.

Talking about games, I'm making a 3D game where you can build a coastal town with stacked houses, bridges and lighthouses. In night mode, the sky lights up with hundreds of lanterns rising from the town. Building it with Claude Opus 5.5 using Three.js and Blender.

12,063 次观看 • 9 天前

The moment AI starts building itself. Made with Opus 5.5 using code and free assets, audio with Suno.

The moment AI starts building itself. Made with Opus 5.5 using code and free assets, audio with Suno.

15,459 次观看 • 14 天前

Need beautiful 3D fantasy or gaming worlds? No problemo. Claude Fable 5.1 one-shot this fantasy ascent to Mt. Fuji entirely in code.

Need beautiful 3D fantasy or gaming worlds? No problemo. Claude Fable 5.1 one-shot this fantasy ascent to Mt. Fuji entirely in code.

41,952 次观看 • 1 个月前

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.

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.

71,748 次观看 • 2 个月前

The 9-cylinder radial engine powered everything from trainers to warbirds. Made this browser-based model turning its mechanics into an interactive experience. Code -> GPT-6 Astra

The 9-cylinder radial engine powered everything from trainers to warbirds. Made this browser-based model turning its mechanics into an interactive experience. Code -> GPT-6 Astra

35,594 次观看 • 1 个月前

Built a conceptual X-16 engine in 3D with GPT-6 Astra using Threejs. Four cylinder banks, one crankshaft and exposed mechanics inspired by experimental multi-bank engine architectures. Open source code in the post below.

Built a conceptual X-16 engine in 3D with GPT-6 Astra using Threejs. Four cylinder banks, one crankshaft and exposed mechanics inspired by experimental multi-bank engine architectures. Open source code in the post below.

20,845 次观看 • 23 天前

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.

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.

44,573 次观看 • 2 个月前

Made a miniature landscape around a tree inside a glass bottle, transforming through four seasons. Code -> Three.js + TSL Audio -> Suno

Made a miniature landscape around a tree inside a glass bottle, transforming through four seasons. Code -> Three.js + TSL Audio -> Suno

14,141 次观看 • 27 天前