twilight cabin
A free generative art piece — play it in your browser, no install. An interactive twilight cabin — procedural canvas, WebAudio ambience
Vote and save it — free account with email or sign in with GitHub
Made this, @sd-ssj-ln? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: 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
一段可漫游的暮色林间短景。整幅画面与全部声音都在浏览器里实时生成，没有图片、视频或音频素材，也没有外部依赖。
推荐 Chrome / Edge / Safari 的较新版本。声音需要一次点击才能启动，这是浏览器的自动播放限制，不是故障。
移动鼠标，画面会轻微视差；靠近可交互处，光圈会放大。 点击木门或底部「推门」进入屋内；点击檐下灯可以开关灯；窗户、烟囱、月亮、水洼各有回应。 底部时刻轨切换「黄昏 / 入夜 / 深夜」，光线、窗色、月亮高度、雾气都会改变。 「细雨」开关雨水与湿地反光；「声音」开关程序化环境声。
猫：在边桌下打盹，点一下会抬头。 茶杯：续上热气；收音机：换台并奏出一小段五声音阶；窗帘：拉开或合上；扶手椅：坐下歇一会儿。
手机竖屏时，屋内可以左右拖动；底部提示会说明这一点。
1600×900 的逻辑画布，cover 方式适配窗口；设备像素比上限 2，避免高 DPI 下过度绘制。 森林、木屋、房间、火焰、猫、雨、雾、萤火虫、流星全部由 Canvas 2D 路径与渐变绘制；分层离屏缓存只重建一次，动画阶段逐层合成。 声音是 WebAudio 实时合成：风、雨、柴火、低频房间共鸣，以及收音机里的五声音阶短句。没有采样文件。 尊重 prefers-reduced-motion：减少视差、粒子和镜头运动。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
particle love
An interactive generative web experience where a persistent night sky remembers, changes, and slowly reveals itself over time.
Jelly Fish childen game
🪼 An immersive interactive jellyfish ocean — vanilla Canvas 2D, zero deps, zero build. EN/中文, mobile-ready.
nocturne fireflies
星海萤光 · An interactive nocturne of stars, fireflies and generative ambient sound.
Lofxart
Expérience artistique abstraite mêlant code, musique, audio réactif et visuels génératifs.
crayon nocturne
Animation and music entirely generated with Opus 5.5. A single-file crayon-style piano performance. 动画与音乐全部由 Opus 5.5 生成。
playground
Shadrack Lab + games + field mocks — interactive generative systems you can drive with the cursor
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.
