focus sanctuary 3d max
A free generative art piece — play it in your browser, no install. Focus Sanctuary 3D MAX EDITION — CHRONO CHRYSALIS: a Pomodoro timer as a real-time WebGL sculpture of liquid chrome and prism glass (Vite + TypeScript + three.js + GSAP)
Vote and save it — free account with email or sign in with GitHub
Made this, @shotaro-nagano? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Arrow keys · Space · Mouse
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
CHRONO CHRYSALIS — 時間を包む浮遊彫刻（造形名: CLEFT VAULT）
見どころ: 登場演出（読み込み後 約 3 秒、REPLAY で再鑑賞）→ 彫刻をドラッグして回す → SHORT / LONG でモード変化 → 完了演出のプレビュー（25 分待たずに M10 を再生。実績は記録されません）
機能はシンプルなポモドーロタイマー（集中 25 分／短い休憩 5 分／長い休憩 15 分）。 外観は、真っ暗な無限空間に浮かぶ 液体クロームの五枚花弁の繭 です。螺旋状のシームで分割された厚みのある金属殻、斜めに裂けた開口部、赤道の細いスリット、内側の 3 本のブラッシュドメタルのキール、六角プリズムガラスの結晶コアと発光フィラメント、3 本のガラスサッシュ、そして欠けた 3 本の軌道ブレード。時間が進むとシームに光が這い上がり、殻がねじれて締まり、集中が終わると一度完全に閉じてから花のように弾けて次の形へ再構成されます。
必要なもの: Node.js 18 以上（開発は Node 18.13 / npm 8.19 で確認）。ブラウザは WebGL2 が有効なもの。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
ai model runway
A procedural 3D fashion show where a year of AI model releases walk the runway. Three.js + GSAP + Vite + TypeScript.
web audio threejs starter
Minimal React Three Fiber starter for local, audio-reactive 3D visuals with the Web Audio API.
rainforest sounds
A satirical ambient-music app where frogs fall from the sky and nobody asked. Dopamine meter, 3D physics, and a support sloth who replies in 3–5…
allanhert portfolio
Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
jacquard loom
Type your name and watch a 3D Jacquard loom weave it into damask, bit by bit. Three.js, TypeScript and a tested weave-draft generator.
shaderflow
Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
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.
