Repository navigation
像素开关
首个正式版本。一个住着像素小人的昼夜开关,单文件零依赖,两行代码即可嵌入任意网页。
✨ 核心特性
· 零配置接入:
+ <script src="..."></script>,样式与内部结构自动生成· 主题无缝联动:实时向 写入 --night 变量(0→1),配合 color-mix() 一行 CSS 实现全站昼夜过渡
· WebGL 玻璃外壳:基于 WebGL2 着色器的折射与高光,不支持时自动回退 Canvas 2D
· 像素世界:192×112 像素场景,Oklab 色彩空间 + Bayer 抖动,30Hz 更新时间轴与居民日程
· 性能与无障碍:离屏自动暂停渲染;支持 prefers-reduced-motion;role="switch" 可聚焦,状态播报给读屏软件
📦 资源
· 单文件约 70KB,无任何第三方依赖
· 包含完整源码与演示页面,克隆即用