personal website
An interactive personal site — explore it in your browser, no install. 陈启粤的书房 —— 一间可以推门进去的个人网站：2D 门厅 + Three.js 手搓的 3D 房间，外加一支代码生成的 30 秒短片。零框架、零构建、单个 HTML 文件。
Vote and save it — continue with GitHub or sign in free
Made this, @qiyuechen0929? 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
一个纯手搓的个人网站。门厅是 2D 的，推门进去是一间 Three.js 手写的 3D 书房，屋里每件东西都能点；首页还藏着一支 30 秒的代码生成短片。
没有一个剪辑软件参与：画面是一个 HTML 文件里逐帧算出来的，音轨是 Web Audio 合成的。 一个字体、三种颜色、每拍一个动作，每一场都由上一场变形而来；首帧和末帧是同一条线，所以它能一直循环。
👉 在网站里看（有声音） · 👉 在 3D 房间的电视里看（推门进去，点电视）
开灯之后 —— 同一间屋子，白天是另一个样子（点窗户或右上角 ☀ 切换）：
移动端 —— 门厅 / 短片 / 3D 房间：
门厅的其他角落 —— 作品卡片 / 书架：
还有一处藏起来的 —— 右上角那个「已发现」徽章。点开是一张清单：屋里 28 个能点的地方、几处彩蛋，还有一个「抓 Bug」小游戏。
还有 探索进度（右上角有个 已发现 计数，把屋子翻一遍能集齐）和一个可以玩的 「抓 Bug」 小游戏。
HTML/JS 走 gzip/brotli + ETag 304，206 分段响应（iOS 拖进度条要靠它）。
直接双击 index.html 也能看，只是浏览器会限制一部分特性（比如剪贴板、自动播放）。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
audrey hung
Interactive scroll-driven 3D portfolio with procedurally hand-drawn scenes, built with Three.js and GSAP.
- sublevel studio A single-file Three.js studio concept with an interactive Kyoto lobby, arcade, portfolio CRTs, and editorial case studies.
rainhouse
A tiny single-file 3D shelter for bad feelings.
little contraptions
A cabinet of 139 small web toys — weather for places that aren't real, the ISS tracked live, an arcade with fifteen games, all behind a Windows 98…
timberhall studio
A fictional digital studio portfolio in one deployable index.html — a real-time Three.js 3D timber lobby with CRT case studies, a playable arcade…
sk graphics
Interactive WebGL & 3D Canvas Studio - High-performance GLSL shader engines, procedural audio synthesis, and zero-dependency spatial web experiences.
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.
