voyage
A free generative art piece — play it in your browser, no install. VOYAGE — a scroll-driven cinematic 3D voyage through space (Three.js + GLSL + Lenis)
Vote and save it — free account with email or sign in with GitHub
Made this, @masafykun? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Mouse · Tap
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.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
スクロールするだけで、惑星の大気圏から銀河の核へ。一本道のシネマティックな宇宙の旅。
VOYAGE はスクロール連動のシネマティック 3D 宇宙体験です。1 ページ・クリック不要で、スクロール位置がそのままカメラとなり、惑星の大気圏から軌道へ、色彩の星雲を抜け、ハイパースペース跳躍を越え、遠い銀河の輝く核へと飛んでいきます。Three.js + GLSL + Lenis で構築しています。
スクロールは正規化された単一の進行値 p ∈ [0, 1] にマッピングされ、カメラをトラック上で動かしながら 5 つのシーンをクロスフェードさせます。
スムーズスクロール — Lenis が慣性スクロールを駆動し、レンダーループは毎フレーム scroll / limit を p として読み取る。 1 つのカメラ、1 本のトラック — 区分線形の z トラックがカメラを z = 16 から z = −138 まで動かし、惑星を通過し、星雲を縫い、銀河へ接近する。ポインタ位置が控えめなパララックスを加える。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
ink
INK — a full-screen reactive GPU fluid simulation (WebGL2, Navier-Stokes). Drag to stir colourful ink.
nocturne
An experience in motion: a hyper-animated dark single-page site. GSAP, Lenis, Three.js shaders, postprocessing.
lumaform orb
A WebGL instrument for designing animated AI-assistant orbs: 23 shader engines, one parameter schema, one render loop. Runtime published as…
oriel
ORIEL: a scroll-driven concept watch site with a fully procedural 3D watch. Three.js, GSAP, Lenis.
pelagic jellyfish webgl
A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
cosmic atlas
A cinematic, navigable replica of the real universe in the browser — 81 catalogued objects at real distances, walkable worlds, real ephemeris…
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.
