◀ VibeCruiser

prism image particle lab

A free particle demo — play it in your browser, no install. PRISM: turn any image into a rotatable 3D particle field in the browser.

by @Bluestar-34 · Bluestar-34/prism-image-particle-lab on GitHubLANG JavaScriptHOSTED ON BLUESTAR-34.GITHUB.IOUPDATED 6 Sep 2026

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

Made this, @Bluestar-34? 5+ people played it here → or use email

Controls: Arrow keys · Space · 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

将一张图像转化为可旋转、可保存、可重开的粒子作品。

PRISM 是一个浏览器内的图像粒子实验项目。导入图片后,它会将图像采样成可互动的三维粒子场;画面、参数和视角可以收进作品档案,之后在主编辑器中完整恢复。

两种精炼的空间形态:浮雕与波面。 拖动旋转、滚轮或双指缩放、散开、暂停与定格。 可调景深、流动、粒径、辉光、色温、饱和度和质量档。 「收藏此刻」保存源图快照、全部参数、旋转与缩放视角。 点击作品缩略图,直接在中央编辑器重建保存时的原图和创作状态。 WebGL 不可用时自动切换到 2D 点阵兼容显示,避免空白画布。

新收藏的作品可在左侧「作品收藏」中点击恢复。历史版本中没有源图快照的作品仍可预览或删除,但不能精确重建。

图片只在当前浏览器内解码、采样和渲染,不上传到服务端。作品档案存储在浏览器 IndexedDB 内。

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 →