GPT-6 Astra + Three.js Is Breaking the Internet: 10 Mind-Blowing 3D Projects (With Live Demos & Open Source Code)

The AI web development landscape just experienced an earthquake.

With the launch of OpenAI’s GPT-6 Astra, developers and creators are pairing advanced spatial reasoning with Three.js to build fully interactive, browser-based 3D worlds in record time. Forget static screenshots or toy demos—these are complete, playable games, procedurally generated ecosystems, and micro-cities running at 60 FPS directly in your browser tab.

Here is a curated breakdown of 10 viral 3D projects built with GPT-6 Astra and Three.js, complete with live preview links, source code repositories, and actionable prompt takeaways you can get today.


1. The Fully Procedural Train Simulator

Creator: Tom Krcha (@tomkrcha)

Prompt Highlights: Pure code generation, custom geometric cross-sections, procedural rigging, zero external 3D asset files.

One of the earliest viral hits of the Astra launch. What makes this train simulation extraordinary is that there are zero imported 3D models (.gltf or .obj). Every piece—from the locomotive chassis and driving rods to the spinning wheels and smoke particles—is generated purely in TypeScript using math, parametric curves, and geometry primitives.

Tom later expanded the project into a full interactive railway sandbox featuring procedural terrain, switches, bridges, and multiple dynamic camera views.

  • Key Takeaway: Demonstrates Astra’s ability to handle complex mechanical hierarchies and kinematic animations entirely through procedural code.

2. The Ultra-Dense Real-Time Forest

Creator: Leon Lin (@LexnLin)

Performance Stats: 3,808 trees, 2.5 million grass blades, ~40,000 ferns, custom wind & fog shaders.

Built in roughly 5 hours, this interactive ecosystem pushed browser limits while maintaining butter-smooth framerates. Instead of instantiating heavy meshes, Leon prompted Astra to craft custom GPU instancing shaders that handle wind physics, atmospheric scattering, and layered fog.

  • Live Demo: verdant-forest.lexn8.chatgpt.site
  • Prompt Strategy: Used iterative prompting stages—starting with bounding-box placement, layering foliage density, and tuning custom HLSL/GLSL shaders for ambient lighting and sway.

3. The 24-Minute Interactive Miniature City (Hangzhou 3D)

Creator: SuSu(@NFT_Chen)

Taking just 24 minutes of iterative prompting, this project converted an entire metropolitan area into a tilt-shift miniature 3D model. Users can freely orbit landmarks, zoom in with cinematic camera damping, trigger automatic flyovers, and toggle day/night lighting cycles with real-time shadow casting.

See also: Mastering the Linux Command Line — Your Complete Free Training Guide

  • Highlights: Dynamic point-of-interest fly-tos, procedural voxel architecture, and custom post-processing bloom.

4. Astral War: A Browser-Based ‘Bloodborne’ Action Game

Creator: Meng To (@MengTo)

Stack: Three.js + Meshy / Tripo3D Assets + Custom Wet Surface Shaders

Meng To set out to see how close browser 3D could get to console-grade atmosphere. The result is Astral War, a third-person gothic action demo featuring rain-slicked cobblestones, dynamic specular reflections, responsive character controllers, and boss encounters.

  • Live Demo: astralwar.io
  • Why It Matters: Proves Astra isn’t limited to decorative sandboxes—it understands game loops, state machines, and real-time input handling.

5. The Simpsons: Hit & Run (Open Source Web Remake)

Author: Vheissu

Status: Fully Open Source (GitHub)

A technical tour-de-force that reverse-engineered the classic 2003 PS2 title and rebuilt the core physics engine and rendering pipeline in Three.js with Astra’s high-reasoning mode.


6. Gogh-Strike: The Walkable Van Gogh Universe

Creator: Peter Gostev (@petergpt)

What happens when you merge Post-Impressionist masterworks with an interactive FPS map? Peter created an explorable 3D town painted with Van Gogh textures, later turning it into a lighthearted 5v5 impressionist arena game (“Gogh-Strike”).


7. Sushi-Paws: Conveyor Belt Cat Chaos

Creator: Clyde Junior Scripts

An entirely procedural party mini-game inspired by Pokémon Stadium’s sushi-eating mini-games. Players control 8 customizable cats against 3 AI opponents, dodging wasabi hazards and grabbing catnip speed boosts. Zero external assets required.


8. Flipbuddies: Real-Time Multiplayer Othello

Creator: Vlad Palacio (@deifos)

Stack: React 19 + Vite + Three.js + PartyKit + SQLite

A polished, cartoon-animated adaptation of Reversi/Othello built as a gift for the developer’s wife. Features snappy board animations, smooth camera transitions, AI bots, and live multiplayer matching.


9. Mosswing & Melon Lab: One-Shot Physics Experiments

Author: Ayi1337

A pair of clean, one-shot code experiments demonstrating soft-body physics and smooth flight controls. Ideal starter templates for developers wanting to study Astra’s raw math and physics generation.


10. Single-File Miniature Dioramas

Author: Xinyu Wang

Three standalone, self-contained HTML files with embedded Three.js scripts—no npm install, no build steps, and zero dependencies:

  1. Breezy Island (Ocean wave shaders & particle breeze)
  2. Rainy Night Convenience Store (Cyberpunk neon & wet road reflections)
  3. Komorebi Woods (Sunlight volumetric god-rays)

4 Pro Tips for Building 3D Worlds with GPT-6 Astra

If you’re ready to build your own Three.js scenes with Astra, here are the exact workflow habits separating mediocre outputs from viral projects:

  1. Prioritize Procedural Geometry First: Instruct Astra to build shapes mathematically using Three.js buffer geometries before reaching for external models. It keeps bundle sizes near zero and loading instant.
  2. Phase Your Prompts in Layers:
    • Phase 1: Rough layout, camera controls, and basic collision boundaries.
    • Phase 2: Custom GLSL shaders (fog, wind, water, metallic sheen).
    • Phase 3: Sound effects, particle systems, and interactive UI.
  3. Turn On Visual Self-Correction: Ask Astra to take canvas screenshots, evaluate lighting balance and clipping issues, and auto-patch its own code.
  4. Specify the Modern Frontend Stack: Explicitly request TypeScript, Vite, and modular component architecture so you can easily scale into a production web app.

What Will You Build?

We are moving from an era where generating 3D required months of specialized modeling into an era where natural language compiles into live, interactive web realities. Pick a repo above, clone it, and start prompting!

Avatar photo
David Cao

David is a Cloud & DevOps Enthusiast. He has years of experience as a Linux engineer. He had working experience in AMD, EMC. He likes Linux, Python, bash, and more. He is a technical blogger and a Software Engineer. He enjoys sharing his learning and contributing to open-source.

Articles: 720

Leave a Reply

Your email address will not be published. Required fields are marked *