overflow pigment
A free puzzle game — play it in your browser, no install. 溢彩 OVERFLOW — 颜料混合解谜游戏：真实 Kubelka–Munk 颜料混合、四种网格形状、六册 108 关，three.js 零依赖、无构建步骤。OVERFLOW — a pigment-mixing puzzle in three.js with real Kubelka–Munk mixing, 4 grid shapes, 108 boards, zero dependencies, no build step.
Vote and save it — continue with GitHub or sign in free
Made this, @fanquanpp? See how many people played it → or use email
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
一个颜料混合解谜游戏 · 六个画册 · 108 个棋盘
必须通过 HTTP 打开。项目用 ES modules + import map，file:// 下会被浏览器拦掉。
调色板用连续渐变表示，不用色块。 色带的插值走 OKLab，也就是棋盘上颜色过渡走的同一个空间，所以它显示的是这个画册真实的色彩体积，而不是七个硬台阶；带上的刻度是棋盘真正能到达的那些混合。混合演示里的三条色带是"颜料 → 混合色 → 另一颜料"的三段渐变，中间那一段就是模型算出来的结果。
--prefix 存在的原因：项目站点从 提供，任何以裸 /` 开头的路径都会 404。本地先跑一遍能提前抓到。
打开页面后：点底部编号色块选颜料 → 点棋盘上的格子 → 整片连通区域改变混合色。
键盘：1–5 选颜料，Z 撤销，R 重置，H 看一个解法，Esc 暂停。
因为封闭，一个三颜料画册正好七种颜色，而七种已经接近"整个难度就是分辨颜色"的谜题的上限了。四颜料给十五种混合，但它们要挤在同一个色彩体积里，于是开始出现落在恰可察觉差以内的成对颜色。这不是感觉——tools/validate-color.mjs 会量出每一套调色板的最小 OKLab 距离，只有标了 ship 的才用作关卡内容。目录里没有"暖色系"调色板，因为三个颜料挤在同一片色相区域时，根本产生不了七种能被分辨的颜色。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
emerald bayou
Browser airboat game in the south Florida backcountry. three.js + Vite, no engine: a 25.6 km streamed swamp with quadtree LOD terrain, reflective…
NeedForTokens
Third-person arcade racer in Three.js — every mesh, texture, engine note and font is generated procedurally at runtime. No assets, no downloads.
exilum
Exilum — an isometric action RPG in the browser. Three.js, zero art assets: every texture, mesh, animation and sound generated procedurally. Tuned…
Rain Craft
Minecraft Do Paraguay. Clone do Minecraft rodando inteiramente no navegador Rain's Craft é um clone do Minecraft Java Edition feito em HTML5 e…
jadeveil
🏯 A Minecraft-styled single-player RPG in the browser — a Chinese voxel capital, JJ in a red hood and a rideable Ender Dragon. Pure three.js, zero…
destijl platformer
COMPOSITION — 风格派（De Stijl）平台跳跃游戏：three.js + 正交相机，关卡与美术全程序化生成，零依赖、无构建步骤，3 关约 20 分钟，中英双语。A De Stijl platformer in three.js: orthographic camera, fully…
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
