Rainy Night Convenience Store
A free web demo — play it in your browser, no install. 雨夜便利店街角 —— 三渲二(Cel-shaded)风格实时 3D 微缩景观。单文件 WebGL，three.js r180，无外部依赖。
Vote and save it — continue with GitHub or sign in free
Made this, @qutten? See how many people played it → or use email
GitHub asks to share your profile and email with us. We 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
一个三渲二（Cel-shaded）风格的日式便利店雨夜街角微缩景观。 整个场景是一个可以自由拖拽、旋转、缩放的实时 3D 模型，没有任何 UI 界面元素。
在线预览： 浏览器需支持 WebGL；首次加载约 2.1 MB，完全离线自包含。
便利店本体：发光招牌带（HOSHINO MART / ほしのマート / 24 HOURS OPEN）、 大面积玻璃橱窗（含雨水滑落效果）、切角自动门（会不定期开合）、屋檐雨棚与筒灯、 门口地垫、竖式袖看板、独立灯箱柱、屋顶空调外机与排气管、墙面空调外机。
店内陈设（透过玻璃清晰可见）：饮料冷柜墙（带背光的瓶罐）、 双排中央货架（零食 / 日用品，数百个彩色单品）、靠墙货架、 收银台（POS 机、客显、刷卡机、小票机）、烟柜、购物篮、 咖啡机、关东煮柜台、热食柜、后场门、杂志架、冰柜、 吊挂分区指示牌、店内灯箱海报、地面导视箭头、天花板灯管阵列。
街角元素：自动贩卖机 ×4、自行车 ×5、雨伞架、分类垃圾桶、 路灯、电线杆（含变压器与电缆下垂弧线）、路牌（星野町 1 丁目 / 止まれ）、 街角护栏、公告栏与海报、绿植花池、小巷入口（垃圾桶、木箱、后门、壁灯、管线）、 远处交通信号灯（红黄绿循环变化）、街道对面的背景建筑群。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
- 3d sakura crossing A walkable Japanese neighbourhood at dusk, cel-shaded, in one HTML file — no build step, no image assets, no CDN. Railway crossing, bascule bridge…
redrock
A cel-shaded downhill racing game built in Three.js. Every mesh, texture and sound is generated procedurally in code, with no external assets.
abyssal ocean
Real-time spectral FFT ocean in a single HTML file — WebGL2 + three.js, JONSWAP/TMA spectrum, 3 cascades, physical foam, caustics and underwater. No…
ribbon generator
Single-file 3D light-ribbon generator — Three.js + bloom, no build step. Exports 4K PNG, embeddable HTML, or clean-mode video.
MozaicPass
Mozaic (pixelate) Shader and Pass for Three.js
vernier gl
Interactive drafting table in WebGL — draw a plan on an 8px grid, tilt the sheet, sculpt it in perspective. One fragment shader, zero dependencies…
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.
