◀ VibeCruiser

mastermind 3d

A free puzzle game — play it in your browser, no install. Three.js 纯前端 3D Mastermind 猜颜色推理游戏:玻璃球、拖拽交换、手机触屏 | A pure frontend 3D Mastermind puzzle game built with Three.js — glass marbles, drag-to-swap, mobile-ready.

by @joeseesun · joeseesun/mastermind-3d on GitHubLANG JavaScript★ 2HOSTED ON MASTERMIND.QIAOMU.AIUPDATED 15 Jul 2026

Vote and save it — continue with GitHub or sign in free

Made this, @joeseesun? See how many people played it → or use email

▶ Play full screen ▲ Vote with GitHub ▲ Vote with email

GitHub asks to share your profile and email with us. We never post anything.

Open the live demo Source on GitHub

From the README

用 Three.js 打造的纯前端 3D 猜颜色(Mastermind)推理游戏:玻璃质感弹珠、拖拽交换、手机触屏,8 轮内破解隐藏暗码。

一个跑在浏览器里的 3D 版 Mastermind 桌游(参考《世界游戏大全51》规则)。系统随机生成一组彩色暗码并藏在木板后面,你用 7 色玻璃球在 8 轮内把它推出来。纯 HTML + ES Module,零构建、零框架依赖,Three.js 依赖已本地化,克隆下来起个静态服务器就能玩。

任意静态文件服务器都可以(npx serve、Nginx、Caddy……)。注意:项目使用 ES Module + importmap,不能用 file:// 直接双击打开,必须走 HTTP。

游戏逻辑测试覆盖 7 组边界用例(含重复颜色);排行榜测试覆盖排序优先级、前 10 名截断与挤出、非法数据校验、名字清洗、持久化等 30+ 条断言。

游戏本体是纯静态站点,扔到任何静态托管即可(Vercel、Netlify、GitHub Pages、Nginx static root)。没有排行榜 API 也能玩:接口不可用时榜单会提示"暂时不可用",不影响游戏。

Read the full README on GitHub →

Built something like this? Submit your vibe — free account, takes a minute. How listing works.

More like this

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.

On VibeCruiser

How listing, the badge and claiming work →