本文说明:本轮调研环境未能联网核实仓库实时数据(Star 数、最近提交时间等),以下涉及的数据均标注来源级别,精确数字请以仓库页面为准。仓库本体、作者、技术方案、玩法机制均为公开存在多年的事实,可放心对照源码验证。
放在今天的环境里说清楚它有多“小而美”:没有游戏引擎工程、没有构建链、没有服务端,浏览器双击 index.html 就能开玩。但它在 2012 年的意义约等于“网页里跑出了真 3D 竞速游戏”——那个年代 Flash 正在咽气,原生 WebGL 游戏凤毛麟角,HexGL 和同一批早期实验一起,把“浏览器就是游戏机”这句话第一次说圆了。
一句话:一艘反重力飞船,在一条悬浮于未来城市的赛道上贴地狂飙,撞墙掉护盾,护盾空了就炸,炸了重开,唯一的追求是把圈速再快一秒。
血统上它是 Wipeout、F-Zero 那一脉的“反重力竞速”——没有对手车、没有道具、没有剧情,玩家对抗的只有一个东西:这条赛道本身,和你上一局的自己。
核心循环一张图说清:
flowchart LR
A[起跑: 计时归零] --> B[全速推进: 贴着弯道飞]
B --> C{贴住了吗?}
C -- 贴住 --> D[极速过弯 圈速刷新]
C -- 撞墙 --> E[护盾扣血 速度骤降]
E --> F{护盾还剩?}
F -- 空了 --> G[飞船爆炸 本局结束]
F -- 还有 --> B
D --> H[冲线: 比上次快吗?]
H -- 快了 --> I[最佳圈速被改写]
H -- 慢了 --> J[不服 再来一局]
I --> J
G --> J
J --> A
注意这个循环里没有任何“外部奖励”——没有金币、没有升级、没有抽卡。它上头靠的是三样最原始的东西:速度感的即时反馈、撞墙的即时惩罚、以及圈速对比里那个永远差一秒的自己。
把它的设计机制拆开看,每一条都能直接抄:
1. 惩罚前置,反馈零延迟。 撞墙的那一帧,护盾条肉眼可见地掉一截,飞船速度瞬间腰斩,音效、镜头抖动、火花粒子同时砸脸。玩家在 0.1 秒内就知道“这一下亏了”。对比很多独立小游戏上头不起来的原因——反馈链路太长,操作了半天才看到结果。HexGL 的每一次按键、每一次擦墙,画面和声音在下一帧就给出回答。
2. 护盾是“容错额度”,也是“心跳来源”。 护盾机制妙就妙在它同时是血条和胆量计量表:满护盾时你敢贴内线极限过弯,护盾见底时同样的弯道你手心冒汗开始收油。同一个赛道,随状态变化玩出两种心态,这是纯计时竞速做出紧张感的最廉价方案——不需要 AI 对手,护盾条就是你的对手。
3. 唯一分数是时间,而时间没有上限。 圈速这个东西的可怕之处在于它永远“还能再快一点”。没有通关动画、没有 End 屏,玩家冲线看到的只是一个数字和上一局的差距。差 0.5 秒,你会想“刚那个弯不该撞”;快 0.5 秒,你会想“是不是路线还能再贪一点”。这个循环的自我驱动能力和 2048 的“再合一步”是同构的——把终局感做没了,重开就成了本能。
4. 一条赛道,逼出一条学习曲线。 只有一张图,玩家会在十几次重开后背下每一个弯道的切入点、每一段可以开加速的直道。表面上是内容少,实际上是把“学习→验证→掌握”的爽感循环压缩到极致。内容多的游戏靠新鲜感留住人,内容少而深的游戏靠精进感留住人——后者的开发成本是前者的十分之一。
5. 速度感是白捡的快感。 飞船贴地飞行、赛道线条向后抽飞、雾气中的城市扑面而来——3D 竞速天然的视觉速度感,是同等开发量级下“爽度密度”最高的品类之一。你不需要做打击感、不需要做数值成长,把速度感做对,多巴胺自己会来。
HexGL 对开发者的价值,一半在玩法参考,一半在它就是一份 2012 年黄金年代的 Three.js 游戏骨架教材:
可复用组件清单:游戏主循环骨架、飞船控制手感参数、HUD 模块布局、Bloom 后期链、撞墙反馈(音效+粒子+镜头抖动)的组合拳。这五样拼起来,就是任何一款“驾驶类”网页小游戏的底盘。
先说仓库本身:HexGL 零变现。没有广告、没有内购、没有付费版本,它是一份纯粹的开源作品。但围绕它和它的作者,有两条被反复验证的路径值得看清:
路径一:Demo 即名片。 HexGL 最大的“变现”,是它给作者个人品牌带来的十年红利。Thibaut Despoulain 靠 HexGL 和一系列 WebGL 实验,成为创意编程圈的名字——这类作品集开发者的典型变现方式是接品牌定制单:车厂发布会互动页、快消品的网页 3D 小游戏、演唱会的大屏视觉,单子从几万到几十万不等。逻辑很朴素:一个能玩的 3D Demo,比一百页 PDF 简历有说服力。对想靠技术接活副业的开发者,这条路今天依然成立,且门槛因 AI 辅助而更低了。
路径二:网页小游戏平台广告分成。 竞速是 H5 平台的常青品类。Poki、CrazyGames 这类海外平台对个人开发者开放提交,按游戏内广告展示分成;国内的 H5 渠道逻辑类似。竞速游戏天然适合插广告位:死亡结算页、重开等待期,都是“再来一局”欲望最强、广告容忍度最高的时刻。HexGL 式的“一条赛道+计时榜”体量,恰恰是这类平台最喜欢的规格——加载快、一局短、重开率高。
同类跑通案例参照:反重力/科幻竞速这个细分里,Steam 上的独立作品(如 BallisticNG,起初是个人致敬 Wipeout 的项目)证明了小团队竞速游戏在付费买断市场也有生存空间;移动端则是超休闲竞速广告变现的红海,但红海的存在本身就说明需求恒定。对一个个人开发者,更现实的锚点是:网页平台广告分成保底 + 定制单/作品集溢价,两条腿走路。
点子一:换皮的本土化竞速,两周 MVP。 直接 fork HexGL 的思路(或用 Three.js 现成模板),把“未来反重力飞船”换成中国人有共鸣的载具:早高峰电动车闯写字楼、外卖骑手下坡抢时间、共享单车冲定时打卡点。核心循环一行不改——护盾改叫“电量”,撞墙改叫“剐蹭扣电”,圈速改成“送达倒计时”。变现走 Poki/CrazyGames 广告分成,国内可投 H5 小游戏渠道。工作量:借底盘两周,从零写一个月。
点子二:每日一图竞速榜,Wordle 思路。 把“一条赛道”这个“缺点”翻成钩子:每天全球玩家同一条赛道、同一种天气参数,每人三次机会,跑完生成一张带圈速的战绩卡可分享。每天只有一条,玩家自然天天回来;战绩卡自带传播。这套“每日限次+社交攀比”的机制已在 Wordle 上验证过天花板。变现:页面广告位 + 战绩卡水印引流。工作量:在点子一基础上加排行榜接口,一周。
点子三:把圈速做成皮肤经济。 竞速的核心快感不动,加一层最轻的收集系统:跑圈赚积分,积分换飞船涂装、尾焰颜色、赛道皮肤。注意只做外观、不做数值——一旦卖速度,公平感和计时榜就死了。这是“街机竞速+收集欲”的最小融合,网页端靠涂装内购或看广告解锁涂装,微信小游戏生态里这套外观付费已被反复验证。工作量:增加一个存档和商店界面,一到两周。
三个点子里,求稳选点子一(有现成底盘、品类需求恒定),求传播选点子二(分享裂变设计在先),求长期留存选点子三(皮肤经济给重开循环续命)。也可以二加三合体:每日赛道 + 外观解锁,就是一个完整的小游戏产品雏形。
最后说句实在的:HexGL 十多年前就证明了,个人开发者做游戏,拼的不是内容量和美术预算,而是把一个单一快感循环打磨到有多上头。一条赛道做到让玩家不服气地重开五十次,它就比五十条赛道的平庸作品值钱。这份源码至今还在那里,免费,等你拆。
[!tip] 51学通信知识星球 星主:爱卫生(微信:gprshome201101)——公众号「51学通信」创办者,19 年通信行业运维与讲师经验,著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书(各大电商平台有售)。 星球定位:深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域,主打运维岗位与信令分析。 当前规模:5200 篇主题 / 990 个回答,198 元/年。 加入福利:加入星球后请加爱卫生微信,拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题,另有群内分享。 AI 加持:51学通信知识星球已作为 skill 接入 WorkBuddy,使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例,做总结、找文档和 PPT 等场景全覆盖。
