◀ VibeCruiser

p atlas open source

A free generative art piece — play it in your browser, no install. 把 Midjourney 收藏变成可探索的 3D 灵感星图 · Interactive image, prompt and P-profile constellation. Vanilla JS + WebGL.

by @tstrangers · tstrangers/p-atlas-open-source on GitHubLANG JavaScriptHOSTED ON P-ATLAS.SECONDWORLD.SITEUPDATED 27 Oct 2026

Vote and save it — free account with email or sign in with GitHub

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

Controls: Arrow keys · Mouse

▶ Play full screen ▲ Vote: free account with email ▲ Or sign in with GitHub

GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.

Open the live demo Source on GitHub

From the README

示例收藏含 378 张原始记录 → 339 个星点 · 501 个不同 P 值。连线表示共享 P 值,不是语义相似度、模型训练关系或效果保证。这里的 P 指 Midjourney 的 --p / --profile 个性化参数,不是统计学 p-value。

打开 。不需要 API Key、Midjourney 登录、React 或构建步骤。图片与数据来自本地静态文件,运行时不会向 Midjourney 请求收藏。

可以直接编辑 dist/data.js,并将图片放入 dist/assets/images/、缩略图放入 dist/assets/thumbs/。字段与最小示例见 数据说明。更换数据后执行 node check-data.mjs,检查去重、关联和资源路径。

已有“清单.json + 提取.json + 原图”数据时,可以使用转换工具:

GitHub Pages 也可以使用 Actions 将 dist 作为静态站点产物上传。全部站内资源使用相对路径。

运行检查:npm test。浏览器端重点使用原生 API;球面通过三维坐标投影到 Canvas,烟雾通过 WebGL 沿视线多次采样绘制。更多说明见 渲染与交互。

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 →