Jacky's Blog Jacky's Blog
  • 首页
  • 关于
  • 项目
  • 大事记
  • 留言板
  • 友情链接
  • 分类
    • 干货
    • 随笔
    • 项目
    • 公告
    • 纪念
    • 尝鲜
    • 算法
    • 深度学习
  • 0
  • 0

Snow3 2.0:用 Canvas 重写的飘雪插件

Jacky
20 10 月, 2026
目录
  1. 有什么变化
  2. 在线调参
  3. 参数说明
  4. 安装
  5. 开源 & 下载

Snow3 2.0 发布了。这一版用原生 Canvas 把插件重写了一遍,去掉了 jQuery 和 Three.js,雪花的运动、景深和两种雪花样式都保持原样。本站一直在运行它,你现在看到的雪花就是新版的效果。

有什么变化

  • 不再依赖 jQuery 和 Three.js:原来要加载 72 KB 的压缩版 Three.js,现在只有一个 14 KB、可以直接阅读的脚本,不需要构建步骤。
  • 更省资源:页面加载完成后才开始飘雪;只在雪花位置变化时重绘,高刷新率屏幕不会重复绘制;页面切到后台或访客开启“减少动态效果”时自动暂停;雪花数量设为 0 时不加载任何资源。
  • 设置更可靠:所有参数都有范围校验,负数的旋转和重力现在可以正常使用;停用插件不再删除设置,只有删除插件时才清理。
  • 兼容原来的用法:设置项和主题调用接口都没有改名,在侧边栏「Snow3」菜单中设置。

从 1.x 升级时,请直接用新版安装包覆盖安装,不要先停用旧版:旧版在停用时会删除全部设置。

拖动下面的滑块,雪花会立即按新参数重新飘落。调整只在你的浏览器里生效,刷新页面后恢复本站的设置。

在线调参

页面加载完成后即可调整。

参数说明

参数说明后台可设范围
雪花样式圆形或不规则雪花圆形 / 不规则
雪花数量同时飘落的雪花数,0 为关闭0 至 2000
下降速度数值越大下落越快0 至 1000
水平速度正值向右,负值向左-1000 至 1000
纵深速度正值朝向屏幕,负值远离屏幕-1000 至 1000
重力正值向下加速,负值向上-1 至 1
X / Y 轴随机旋转每片雪花初始方向的随机旋转范围,单位为度-360 至 360

速度和重力按每秒 40 次物理更新计算,与屏幕刷新率无关。访客开启“减少动态效果”或页面处于后台时,动画会自动暂停。

安装

  1. 从 GitHub Releases 下载 Snow3-x.y.z.zip。
  2. 在 WordPress 后台「插件 → 安装插件 → 上传插件」上传并启用。
  3. 在侧边栏「Snow3」菜单中调整参数。

需要 WordPress 5.8+ 和 PHP 7.4+。主题手动加载和 JavaScript 接口见 README。

开源 & 下载

  • 项目地址:https://github.com/0xJacky/Snow3
  • 最新版本:https://github.com/0xJacky/Snow3/releases/latest
  • 1.x 版本的介绍:Snow3 飘雪插件 For WordPress
0
2025 年终总结
上一篇

评论 (0)

登录后可发布~
立即登录
暂无评论

近期评论

  • chujie 发表在《Apple 日历导入 ics 文件》
  • Jacky 发表在《2025 年终总结》
  • 云帆来客559946 发表在《2025 年终总结》
  • Jacky 发表在《留言板》
  • Jacky 发表在《Project Qi》
Copyright © 2016-2026 Jacky's Blog. Designed by nicetheme.
粤ICP备16016168号-1
  • 首页
  • 关于
  • 项目
  • 大事记
  • 留言板
  • 友情链接
  • 分类
    • 干货
    • 随笔
    • 项目
    • 公告
    • 纪念
    • 尝鲜
    • 算法
    • 深度学习

搜索

  • Mac
  • Apple
  • OS X
  • iOS
  • macOS
  • Linux
  • WordPress
  • macOS Sierra
  • 阿里云
  • 运维

Jacky

Go Python C C++ | 弱冠之年 | 物联网工程
188
文章
198
评论
267
喜欢

手机号登录

首次验证会自动创建账号,前台使用昵称。

你的账号已完成手机号验证,可以继续评论。

使用原有账号登录