--- title: "Midnight Shuto" url: "https://aigamehub.app/zh-tw/games/midnight-shuto-72564f" source: "https://github.com/siddqamar/midnight-shuto" source_type: "github" play_url: "https://siddqamar.github.io/midnight-shuto/" platform: "desktop" login_required: false pricing: "free" origin: "original" ai_tools: ["GPT-5.6 Sol"] game_languages: ["en"] author: "siddqamar" author_handle: "siddqamar" category: "動作" categories: ["action", "casual", "simulation"] tags: ["browser-game", "driving", "open-world", "racing", "three.js", "vibe-coding"] added: "2026-10-26T02:45:15.710Z" updated: "2026-10-26T02:45:15.710Z" locale: "zh-tw" content_locale: "zh-tw" --- # Midnight Shuto 一款以 Three.js 構建的開放道路瀏覽器駕駛遊戲：自由巡航，然後參加計時檢查點、短程衝刺和甩尾賽事，對抗電腦車流。 ## Description Midnight Shuto 是一款小巧的瀏覽器駕駛遊戲，靈感來自作者對 Midtown Madness 的回憶。玩家從開放道路上的車輛開始，可以自由巡航，或參加街頭賽事，透過檢查點、短程衝刺和甩尾跑與時間賽跑，有些還有電腦車輛共用路線。可以挑選車輛並重新烤漆，氣氛可切換為白天、日落、夜晚和雨天，攝影機視角、地圖、車輛復原和暫停隨時可用。獎牌和車手紀錄會追蹤每次進度的成果。控制方式使用 WASD 或方向鍵，Space 為手煞車，E 開始附近的任務，C 切換攝影機，M 開啟地圖，R 復原車輛，Esc 或 P 暫停，F3 為開發者遙測；遊戲手把在按下第一個按鈕後支援。它以 TypeScript 搭配 Three.js、Vite 和 cannon-es 撰寫，可在連結的 GitHub Pages URL 執行，也可以使用 Node.js 22 或更新版本，透過 npm install、npm run dev 和 npm run build 在本機建置。 ## Original post tried to recreate my midtown madness memories with three.js and gpt-5.6 sol Topics: browser-game, codex, game-development, threejs, vibe-coding

Midnight Shuto

![GPT-5.6 Sol](https://img.shields.io/badge/GPT--5.6_SOL-101010?style=for-the-badge&logo=openai&logoColor=white) ![Vibe coding](https://img.shields.io/badge/VIBE_CODING-7c3aed?style=for-the-badge&logoColor=white) ![Three.js](https://img.shields.io/badge/THREE.JS-101010?style=for-the-badge&logo=threedotjs&logoColor=white) ![Browser game](https://img.shields.io/badge/BROWSER_GAME-0284c7?style=for-the-badge&logo=googlechrome&logoColor=white) ![TypeScript](https://img.shields.io/badge/TYPESCRIPT-3178c6?style=for-the-badge&logo=typescript&logoColor=white) ![Vite](https://img.shields.io/badge/VITE-646cff?style=for-the-badge&logo=vite&logoColor=white) ![Midnight Shuto gameplay](demo.gif) Some memories really never fade. I am a 90s kid, and part of me still misses the simple joy of Midtown Madness: choosing a car, finding an open road, and driving just to see where it goes. That memory stayed with me, so I created Midnight Shuto as my own little browser game with the feeling I carried from those days. I made it with GPT-5.6 Sol, one idea at a time, and kept it focused on the part that still feels magical: getting behind the wheel and going for a drive. You start with an open road, a car, and a world that is yours to explore. Drive wherever you want, pass the traffic, and enjoy a relaxed cruise without needing a mission waiting for you. When you want a challenge, take on a street event and race the clock through checkpoints, sprints, and drift runs. Some missions put bot cars on the route, so a clean line is not enough - you also have to beat the drivers sharing the road with you. Earn medals, build your driver record, and come back to improve your best runs. ## Make the drive yours The same road can feel different depending on how you set it up. - Pick your car and change its paint color before you head out. - Change the atmosphere between daylight, sunset, night, and rain. - Cruise freely when you want a relaxed drive. - Start a timed mission when you want pressure, checkpoints, opponents, and a reason to push harder. - Switch camera views, check the map, recover your car, and pause whenever you need to reset the run. Midnight Shuto is intentionally compact, replayable, and easy to understand: drive, explore, race, and try again. It is built with Three.js, TypeScript, Vite, and cannon-es. ## Controls | Key | Action | | --- | --- | | `WASD` or arrow keys | Drive, brake, reverse, and steer | | `Space` | Handbrake | | `E` | Start a nearby mission | | `C` | Change camera | | `M` | Expand the map | | `R` | Recover the car | | `Esc` or `P` | Pause | | `F3` | Show developer telemetry | Gamepads are supported after the first button press. ## Run locally You need Node.js 22 or newer. ```bash npm install npm run dev ``` Open the local URL printed by Vite and start driving. ## Build ```bash npm run build ``` The production output is written to `dist/` with relative paths, so it can be deployed to any static host.