很多场景_More scenarios

v1.3.0 - 多场景微缩世界引擎

本次更新将原本单一的乡村小屋，扩展为 5 个完全独立的像素世界，让组件进化为一套微缩世界引擎。

🗺️ 新增场景系统

通过 data-scene 参数，你可以自由切换场景：

• village：乡村小屋（默认）
• street：日本街道（店铺、暖帘、自动售货机）
• apartment：现代公寓（城市窗景、沙发、落地灯）
• beach：海边（海面、沙滩、灯塔、帆船）
• mountain：山间木屋（层叠山脉、针叶林、雪顶）

🛠️ 实验室升级

• Playground 新增了场景选择器。
• 可以一边切换场景，一边调整物理和玻璃参数，实时查看效果并生成代码。

📦 文档与兼容性

• README 和 CHANGELOG 采用折叠优化，保持页面清爽。
• 100% 向下兼容，原有接入代码不受任何影响。

🇺🇸 Click here to expand English Version (点击展开英文版)

v1.3.0 - Multi-Scene Pixel World Engine

This update expands the original single village scene into 5 fully independent pixel worlds, transforming the component into a miniature world engine.

🗺️ New Scene System
You can now switch between scenes using the data-scene parameter:

• village: Original Country House (Default)
• street: Japanese Street (Shops, noren, vending machines)
• apartment: Modern Apartment (City view, sofa, floor lamp)
• beach: Seaside (Ocean, sand, lighthouse, sailboat)
• mountain: Mountain Cabin (Layered mountains, pine forest, snow caps)

🛠️ Playground Upgrade

• Added a scene selector to the Playground.
• You can now switch scenes while adjusting physics and glass parameters in real-time.

📦 Docs & Compatibility

• Optimized README and CHANGELOG with collapsible sections for cleaner reading.
• 100% backward compatible. Existing integration code requires zero changes.

实验室_Playground

v1.2.0 - 可视化参数实验室与渲染优化

本次更新新增了交互式参数实验室，并对组件的预览渲染机制进行了优化。

🎨 新增参数实验室 (Playground)

👉 点击进入 Playground

• 提供更简洁的页面 UI，专注参数调试。
• 支持调节参数、切换预设（如雪夜、电影级玻璃），并一键生成 HTML 代码。

⚡ 渲染机制优化

• 新增独立预览页：将控制面板与预览环境（preview.html）分离。
• 减少资源开销：调整了参数更新逻辑，拖动滑块时不再频繁销毁和重建 WebGL，仅在点击“应用参数”时更新渲染，提升了调参时的流畅度。

📦 文档更新

• 重构了 README.md，调整为中文优先。
• 更新了实验室操作指南及相关说明。
• 保持 100% 向下兼容。

加入参数变化

像素昼夜开关 v1.1.0 更新说明

本次更新为组件引入了 HTML 参数化配置。无需修改源码，只需在 DOM 节点上添加 data-* 属性，即可深度自定义组件的交互手感与视觉细节。

✨ 新增特性 (Features)

现在，你可以直接在容器 div 上配置以下属性：

<div 
  data-ld-part="toggle-daylight" 
  data-speed="12" 
  data-refraction="1.4" 
  data-bezel="0.08" 
  data-start-night="true">
</div>

· data-speed：调整滑块拖拽与物理回弹的速度。默认 9.5，数值越大越迅速。
· data-refraction：调整外层玻璃的折射放大倍数。默认 1.24。
· data-bezel：调整玻璃外壳的厚度边缘。默认 0.046。
· data-start-night：设置组件初始状态。填 "true" 时页面加载即为黑夜。

🔧 兼容性与优化 (Compatibility)

· 向下兼容 100%：不传入任何参数时，组件仍会使用原生的“最佳参数”，完全不影响 v1.0.0 的接入方式。
· README 文档更新：补充了中英文双语的参数说明与进阶配置指南。

📦 资源 (Assets)

请在下方 Assets 区域下载最新的 app.js 文件。如需锁定版本，推荐使用 jsDelivr CDN 引入：
https://cdn.jsdelivr.net/gh/GSvegetable/pixel-daylight-switch@v1.1.0/app.js

像素开关

首个正式版本。一个住着像素小人的昼夜开关，单文件零依赖，两行代码即可嵌入任意网页。

✨ 核心特性

· 零配置接入：

+ <script src="..."></script>，样式与内部结构自动生成
· 主题无缝联动：实时向 写入 --night 变量（0→1），配合 color-mix() 一行 CSS 实现全站昼夜过渡
· WebGL 玻璃外壳：基于 WebGL2 着色器的折射与高光，不支持时自动回退 Canvas 2D
· 像素世界：192×112 像素场景，Oklab 色彩空间 + Bayer 抖动，30Hz 更新时间轴与居民日程
· 性能与无障碍：离屏自动暂停渲染；支持 prefers-reduced-motion；role="switch" 可聚焦，状态播报给读屏软件

📦 资源

· 单文件约 70KB，无任何第三方依赖
· 包含完整源码与演示页面，克隆即用