Skip to content

像素开关

Choose a tag to compare

@GSvegetable GSvegetable released this 09 Nov 20:25
· 325 commits to main since this release
c474b4a

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

✨ 核心特性

· 零配置接入:

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

📦 资源

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