--- title: "NEON DRIFT '86" url: "https://aigamehub.app/en/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: "Action" 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: "en" content_locale: "en" --- # NEON DRIFT '86 A pure HTML5 retro arcade racing game, composed of a pseudo-3D road, procedural pixel art, and chiptune music; a single HTML file can be played directly in the browser. ## Description NEON DRIFT '86 is a single-file, self-contained retro arcade racing game, about 240 KB, with no external assets, no dependencies, and no network requests. Double-click the HTML file or host it on a static server to play. Gameplay is pseudo-3D road racing: three levels in total (SUNSET STRIP, NEON NIGHT, SANDSTORM), two laps per level, checkpoint-based timing, and when time reaches zero it is GAME OVER; going off the road causes severe speed loss and shaking, but you can still drive back onto the track. Controls support keyboard (arrow keys/WASD to steer and accelerate/brake, Space handbrake drift, Enter start, Esc pause, M mute, F show frame rate), gamepad (left stick or D-pad to steer, RT throttle, LT brake), and touch (left half of the screen to steer, right half top for throttle and bottom for brake). Art and music are both procedurally generated: pixel visuals and scanline effects, plus chiptune music synthesized with Web Audio. The project is released under the MIT license. The author states that the whole thing (game design, ES5 modules, pixel art, music synthesis, and packaging tools) was produced by DeepSeek V4.1 Flash in a single session, and includes verification commands that can be rerun by yourself. ## 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`（经典 `