这是哪里

一组被收进浏览器里的 3D 微缩场景。默认场景是一座定格在雨夜里的林间小屋：屋外是潮湿昏暗的雨林夜色——落雨、屋檐滴水、路面积水映着灯光；屋内却是明亮温暖的日常——客厅的沙发与电视、厨房与餐厅、卧室与衣柜、书桌与电脑。此外还收录了雨夜便利店、樱花车站、山间温泉旅馆、夏日祭典神社、高架下街区等多张场景，每张都有自己的氛围与动效。推开这个页面，就像把好几个小小的世界一起装进了口袋。

怎么玩

• 旋转视角：按住拖拽；缩放：滚轮或双指缩放。静置十几秒，镜头会自己慢慢绕着场景环游。
• 音乐播放器：左下角。上传本地音乐即可播放，支持 暂停、点击进度条、单曲循环 / 列表循环 / 随机播放，音乐会保存在本地浏览器中，下次打开还在。
• 浅色 / 深色界面：右上角太阳/月亮按钮只切换界面主题（工具栏、面板与文字配色），不会改变场景本身的画面与光线。
• 背景音乐：未上传音乐时自动播放内置的雨夜环境小调（首次点击页面后响起）；上传自己的音乐后自动让位，暂停时又悄悄接上。可用右上角音符按钮单独开关。
• 场景地图：右上角地图按钮可在 6 张内置场景之间手动切换。每张场景都保持它自身的光线、天空与天气表现，界面主题不会影响它们。
• 自定义小组件：点右上角方块按钮，上传你自己写的 HTML 小组件，它会变成一个可自由拖动、可改变大小与比例的悬浮窗口，位置和尺寸都会被记住。

细节动效

持续降雨 · 雨水沿玻璃滑落 · 屋檐滴水 · 积水波纹 · 湿润路面反射灯光 · 灯箱偶尔闪烁 · 壁炉烟囱轻烟 · 电视画面跳动。

技术说明

基于 Three.js 的三渲二（Toon Shading）卡通渲染，逐物体轮廓线（Inverted Hull），全部几何体与材质均在浏览器中程序化生成，无任何外部资源依赖。本页只是界面外壳，各场景以独立自包含页面加载（maps/ 目录）。

我的小组件

场景地图说明

点右上角「场景地图」即可切换场景。内置 6 张地图，全部手动切换、不可删除：

• 雨夜林间小屋 —— 默认场景：雨夜林间的一座两层住宅与庭院，可拖拽旋转缩放。
• 雨夜便利店 —— 街角便利店雨夜小景，自动门、招牌闪烁、交通信号灯与湿润路面。
• 樱花车站 —— 樱花树下的乡间小站，列车进出站、道口栅门与站台灯光。
• 山间温泉旅馆 —— 山谷里的木造温泉旅馆，露天汤池蒸汽与雪松林。
• 夏日祭典神社 —— 夏日夜晚的神社与参道，鸟居、绘马、祭典摊位与灯笼。
• 高架下街区 —— 高架桥下的老街商铺与自行车棚，列车从头顶驶过。

每张场景都是独立、完整的作品（各含自身的灯光、天空与天气表现），本页只负责界面外壳：切换场景、界面主题、音乐与小组件。因此「浅色 / 深色」按钮只改变界面配色，不会影响任何场景自身的光线与天空。

场景文件位于站点的 maps/ 目录（cabin.html、rainy-store.html、sakura-station.html、onsen-inn.html、summer-shrine.html、viaduct-block.html），需与首页一同部署；每张也可单独打开浏览。