--- title: "NEON DRIFT '86" url: "https://aigamehub.app/zh-tw/games/neon-drift-86-f8674e" source: "https://github.com/83079Vermont/neon-drift-86" source_type: "github" play_url: "https://83079Vermont.github.io/neon-drift-86/" platform: "both" login_required: false pricing: "free" origin: "original" ai_tools: ["DeepSeek"] game_languages: ["zh-cn"] author: "83079Vermont" author_handle: "83079Vermont" category: "動作" categories: ["action", "casual"] tags: ["html5", "pixel-art", "pseudo-3d", "racing", "retro", "single-file"] added: "2026-10-24T19:31:30.062Z" updated: "2026-10-24T19:31:30.062Z" locale: "zh-tw" content_locale: "zh-tw" --- # NEON DRIFT '86 一款純 HTML5 的復古街機賽車遊戲，以偽 3D 路面、程序化像素美術與晶片音樂構成，單一 HTML 檔即可在瀏覽器直接遊玩。 ## Description NEON DRIFT '86 是單檔自帶的復古街機賽車遊戲，約 240 KB，無外部素材、無相依套件、無網路請求，雙擊 HTML 檔或以靜態伺服器托管即可遊玩。玩法為偽 3D 路面競速：共三個關卡（SUNSET STRIP、NEON NIGHT、SANDSTORM），每關兩圈，採檢查點計時制，時間歸零即 GAME OVER；衝出路面會劇烈掉速並抖動，但仍可開回賽道。操作支援鍵盤（方向鍵／WASD 轉向與加減速、Space 手剎漂移、Enter 開始、Esc 暫停、M 靜音、F 顯示幀率）、遊戲手把（左搖桿或十字鍵轉向、RT 油門、LT 煞車）以及觸控（左半螢幕轉向、右半螢幕上油門下煞車）。美術與音樂皆為程序化生成：像素畫面與掃描線效果，以及 Web Audio 合成的晶片音樂。專案以 MIT 授權釋出，作者說明整體（遊戲設計、ES5 模組、像素美術、音樂合成與打包工具）由 DeepSeek V4.1 Flash 於單次工作階段中產出，並附有可自行複跑的驗證指令。 ## Original post Retro pseudo-3D arcade racer in one self-contained HTML5 file - a DeepSeek V4.1 Flash (1017) showcase. No assets, no dependencies, no network. Topics: ai-generated, arcade, canvas, chiptune, deepseek, frontend, game, html5, javascript, llm-showcase, no-build, pixel-art, pseudo-3d, racing-game, retro, single-file, web-audio, zero-dependencies # NEON DRIFT '86 [![ci](https://github.com/83079Vermont/neon-drift-86/actions/workflows/ci.yml/badge.svg)](https://github.com/83079Vermont/neon-drift-86/actions/workflows/ci.yml) [![license: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) [![dependencies: none](https://img.shields.io/badge/dependencies-none-brightgreen.svg)](#技术上有什么特别的) > 一个纯 HTML5 的**复古街机赛车游戏**。伪 3D 路面、程序化像素美术、芯片音乐合成—— > **零外部素材、零网络请求**，双击一个 HTML 文件就能玩。 > [!NOTE] > ### 这是一个用于测试 DeepSeek V4.1 Flash（1017）模型能力的项目 > > 本仓库的全部内容 —— 游戏设计、7 个 ES5 模块、程序化像素美术、芯片音乐合成、单文件打包器， > 以及那套在 Node 里自行实现 Canvas2D 的**无头验证工具链** —— 均由该模型在一次会话中端到端产出 > （含 5 个子智能体并行开发与交叉验证）。 > > 因此它适合作为一个**参考样本，用于评估该模型在「前端 / 图形 / 游戏开发」方向的能力**： > 伪 3D 渲染管线、像素级美术生成、Web Audio 合成、跨模块接口契约设计，以及 > 「自己造工具来验证自己」的闭环能力。若要横向对比，下面几项都是可复现、可量化的： > > - `node tools/run-all.mjs` —— 61 项契约断言 + 12 张真实渲染帧，期望 `PASS WITH ISSUES`、exit 0 > - `node tools/build.mjs` 连跑两次比对哈希 —— 期望单文件包**逐字节可复现** > - `node tools/es5-guard.mjs` —— 期望 8 个文件全清（守住 ES5 语法与无网络约束） > - 浏览器打开 `index.html`，窗口 1920×1080 —— 期望 canvas 为 1536×864（整数 4 倍放大） > > 需要说明的是：本项目的**原始需求只有一句话**（“制作一个 HTML5 的复古风格单机赛车游戏”）， > 上面列出的验证结论均来自该项目自带的测试套件，可自行复跑核对。 > > *This repository is a showcase for evaluating **DeepSeek V4.1 Flash (1017)**: every line of it, > including the headless Canvas2D verification harness, was produced by the model in a single > session. Re-run the commands above to check the claims yourself.* ``` ███╗ ██╗███████╗ ██████╗ ███╗ ██╗ ████╗ ██║██╔════╝██╔═══██╗████╗ ██║ ██╔██╗ ██║█████╗ ██║ ██║██╔██╗ ██║ ██║╚██╗██║██╔══╝ ██║ ██║██║╚██╗██║ ██║ ╚████║███████╗╚██████╔╝██║ ╚████║ D R I F T '8 6 ╚═╝ ╚═══╝╚══════╝ ╚═════╝ ╚═╝ ╚═══╝ ``` --- ## 画面 三个关卡各有独立的天空、地面、路肩与布景配色： | SUNSET STRIP | NEON NIGHT | SANDSTORM | |---|---|---| | ![SUNSET STRIP](screenshots/12-game-race-sunset.png) | ![NEON NIGHT](screenshots/14-game-race-night.png) | ![SANDSTORM](screenshots/15-game-race-desert.png) | | 标题页 | 发车倒计时 | GAME OVER | |---|---|---| | ![title](screenshots/10-game-title.png) | ![countdown](screenshots/11-game-countdown.png) | ![game over](screenshots/17-game-over.png) | 真实浏览器中的成品页面（1920×1080 下自动整数放大到 4 倍，扫描线叠加在输出分辨率上）： ![browser](screenshots/02-browser-1920x1080.png) --- ## 快速开始 **方式一（推荐，最简单）**：直接双击 **`neon-drift-86.html`**。 单文件、约 240 KB、完全自包含，`file://` 协议下就能跑，没有任何依赖。 **方式二（开发用，多文件）**：双击 **`index.html`**。 它按固定顺序加载 `src/*.js`（经典 `