🚀InfiniTownTS

🌍 简体中文说明 / 中文版 README

An open-source TypeScript implementation of the Three.js Infinite City demo. This project closely replicates the core logic and algorithmic brilliance of the original InfiniTown while enhancing camera control, animation, car interaction, and scene rotation features. It is also built using the latest version of the Three.js engine.

Visit the original InfiniTown demo by Little Workshop

🌐 Live Demo

🔗Try the open-source TypeScript version of InfiniTown

📥 Installation

1️⃣ Clone the repository

git clone https://github.com/osoker/InfiniTownTS.git
cd InfiniTownTS

2️⃣ Install dependencies

npm install

3️⃣ Start development server

npm run dev

4️⃣ Build for production

npm run build

The production-ready files will be located in the dist/ directory and can be deployed to any static server or GitHub Pages.

---

🧭 Project Structure

InfiniTownTS/
├── docs/             # Static files for GitHub Pages
├── dist/             # Build output
├── src/              # TypeScript source code
│   ├── core/         # Core logic for infinite city generation
│   └── main.ts       # Entry point
├── public/           # Static assets
├── package.json
└── README.md

---

🛠️ Tech Stack

• Three.js：WebGL rendering engine
• TypeScript：A statically typed superset of JavaScript
• TWEEN.js：Tweening animation library

---

📌 Key Features

• ✨ Infinite city algorithm with dynamic loading and unloading of city blocks
• 🧭 Camera orbit and focus control using OrbitControls
• 🔧 TypeScript class-based architecture to help you better understand how InfiniTown works

💬 CallMe

• 📮 Email：osoker008@gmail.com