three-roads

All projects

Apps & Tools

A TypeScript toolkit for building 3D road networks in Three.js and SVG

byrobot 2.0

Open source

three-roads media is blocked

Allow external media to connect to the provider and play this content.

Description

A library for authoring complex road networks and generating renderer-neutral meshes. It supports lane-level detail, junctions, and roundabouts, featuring a meshing engine that translates networks into typed-array meshes for Three.js or SVG.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Solves complex procedural road geometry and junction construction, specifically roundabouts, using GPT-5.6 Sol.
Attributed to: robot 2.0@alightinastorm
Built with: GPT-5.6 Sol
Links: View tweet
Tags: #threejs #road-generation #typescript #procedural

First posted: X · Jul 9, 2026
Listed: Added 69d ago
Build: Strong
Models: Strong

Prompt

/goal Create a complete modular Three.js browser prototype of a realistic single-lane continental European roundabout with right-hand traffic and counter-clockwise circulation. Use real procedural road geometry, four cleanly merged roads, coherent entry and exit lanes, splitter islands, curbs, sidewalks, detailed aligned markings, European signs, animated path-following vehicles with yielding and spacing behavior, a restrained low-poly environment, shadows, OrbitControls, pause/resume traffic, and a smooth top-down camera toggle. Use the exact requested file structure, no bundler, no external assets, and no dependency other than Three.js. The project must run from a basic HTTP server without console errors and be reusable as a foundation for a driving game, city builder, or traffic simulation.

Source

All projects

Apps & Tools

three-roads

A TypeScript toolkit for building 3D road networks in Three.js and SVG

byrobot 2.0

Open source

three-roads media is blocked

Allow external media to connect to the provider and play this content.

Description

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Solves complex procedural road geometry and junction construction, specifically roundabouts, using GPT-5.6 Sol.
Attributed to: robot 2.0@alightinastorm
Built with: GPT-5.6 Sol
Links: View tweet
Tags: #threejs #road-generation #typescript #procedural

First posted: X · Jul 9, 2026
Listed: Added 69d ago
Build: Strong
Models: Strong

Prompt

/goal Create a complete modular Three.js browser prototype of a realistic single-lane continental European roundabout with right-hand traffic and counter-clockwise circulation. Use real procedural road geometry, four cleanly merged roads, coherent entry and exit lanes, splitter islands, curbs, sidewalks, detailed aligned markings, European signs, animated path-following vehicles with yielding and spacing behavior, a restrained low-poly environment, shadows, OrbitControls, pause/resume traffic, and a smooth top-down camera toggle. Use the exact requested file structure, no bundler, no external assets, and no dependency other than Three.js. The project must run from a basic HTTP server without console errors and be reusable as a foundation for a driving game, city builder, or traffic simulation.

Source

three-roads

Description

Timeline

three-roads

Description

Timeline