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 просмотров • 18 дней назад

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 просмотров • 15 дней назад

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 просмотров • 1 месяц назад

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 просмотров • 24 дней назад

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 просмотров • 28 дней назад