◀ VibeCruiser

endurance

A free generative art piece — play it in your browser, no install. 基于 three.js r160 的电影级交互式 WebGL 体验:实时史瓦西测地线追踪的黑洞卡冈图雅、土星虫洞、米勒星球巨浪、超立方体,以及一部程序化配乐的短片。纯前端,打开即玩。

by @ssasfaffssssssssa · ssasfaffssssssssa/endurance on GitHubLANG JavaScriptHOSTED ON SSASFAFFSSSSSSSSA.GITHUB.IOUPDATED 11 Oct 2026

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

Made this, @ssasfaffssssssssa? 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

一部在浏览器里实时渲染的太空电影,也是七个可以亲手操控的场景。 A real-time WebGL film and playground — Kerr black hole, wormhole, tidal waves, a spinning dock and the tesseract.

观看影片 — 2 分 02 秒,八个章节:尘埃 → 启航 → 虫洞 → 米勒星球 → 对接 → 卡冈图雅 → 超立方体 → STAY。镜头、字幕、章节卡、地球 / 飞船双时钟和管风琴配乐全部由代码实时驱动。空格 暂停,← → 跳章节,Esc 进入探索。

自由探索 — 任务控制台式的界面:飞船状态、任务进度、带实时曲线的相对论面板、观测者面板、三维物体标注。1–7 切换场景,拖动旋转、滚轮缩放,O 环绕 / E 自由,H 隐藏界面,G 画质,M 声音。

任何静态服务器都可以(需要通过 http 打开)。需要支持 WebGL2 的浏览器,建议戴耳机、按 F 全屏。

index.html?promo 下页面暴露 render(t),每一帧都是时间的纯函数,所以可以任意并行、任意重渲。剪辑点写在 js/promo.js 的 SEGMENTS 里;tools/beats.py 音乐文件 会给出音乐的拍点和建议的卡点。

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 →