◀ VibeCruiser

dimension strike

A free shader demo — play it in your browser, no install. 降维打击模拟器 — 扮演高维文明操控行星,投放二向箔把它压成二维,或用引力挤碎。Three.js 自研 shader + MediaPipe 摄像头手势。

by @Mr-Salticidae · Mr-Salticidae/dimension-strike on GitHubLANG JavaScriptHOSTED ON MR-SALTICIDAE.GITHUB.IOUPDATED 17 Sep 2026

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

Made this, @Mr-Salticidae? 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 自研 shader + MediaPipe 手势识别。

美术方向是照片级写实:NASA 底图作基底,温度/气压的效果以程序化图层叠加其上—— 冰盖、荒漠化、海洋蒸干、熔融裂缝各自是一层遮罩。贴图保证质感,程序化图层保证滑块 仍然有效。地表影像来自 Solar System Scope, 授权 CC BY 4.0,页面内已署名。

fetch-assets.sh 拉的是两样二进制产物(合计约 18MB,不入 git):MediaPipe 的 WASM 运行时和手势识别模型。脚本幂等,已存在就跳过。不跑它页面也能开——星球、滑块、 两种打击效果全部可用,只有摄像头手势会报「不可用」。

deploy.sh 把当前目录连同二进制产物一并推到 gh-pages——那些文件在 main 里被 .gitignore 排除,而 Pages 没有构建步骤可以跑 fetch-assets.sh,只能由部署分支带着。

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 →