FourSeasons - 四时絮语:当 Typecho 遇见真实的季节

FourSeasons - 四时絮语:当 Typecho 遇见真实的季节

FourSeasons - 四时絮语:当 Typecho 遇见真实的季节

FourSeasons - 四时絮语:当 Typecho 遇见真实的季节

🔗 GitHub 项目地址:
FourSeasons - 四时絮语下载

苏州的五月,空气里总是裹挟着湿润的青草味。

常收到反馈说,上个版本的夏雨过于隐晦,秋叶又落得太过拥挤。这让我意识到,代码不应只是机械的堆砌。既然我们都在 Typecho 这个安静的角落记录生活,为何不给它一点真实的呼吸感呢?

✨ 什么是 FourSeasons?

这是一个为 Typecho 博客量身定制的四季粒子特效插件。它轻量、无依赖,却能通过 Canvas 渲染出极具质感的季节氛围。

它支持 春、夏、秋、冬 四种场景独立开关,并且每个季节的粒子数量、速度、大小都可以精细调节。

最重要的是,我为它加入了“生命感”。

🍃 效果预览:这一次,我想把真实揉碎了给你看

  1. 春季 · 樱花(3D 翻转)
    不再是单调的下落。现在的樱花拥有 3D 翻转效果(rotateX/Y),你会看到花瓣在风中微微颤动,透光感极强。配合柔光阴影,仿佛伸手就能触碰到那抹粉色的温柔。
  2. 夏季 · 柔和微光(护眼模式)
    夏天的雨看不见,所以我把它改成了淡黄绿的微光。
    这是专门为长时间阅读设计的。极低的透明度(0.2~0.38),柔和不刺眼,像夏夜草丛里微弱的萤火,缓缓向上飘移,带着一丝 sin 函数的轻盈摆动。
  3. 秋季 · 枫叶(飘旋下落)
    我重写了秋季的逻辑。枫叶会飘旋下落。
    通过 10 段 bezier 曲线勾勒出五瓣轮廓,加上叶脉纹理,配合 sin 摆动和缓慢旋转,它们会在空中停留很久,像极了深秋午后的慵懒。
  4. 冬季 · 雪花(真实六角冰晶)
    三层视差(前景大清晰快 / 中景中等 / 背景小模糊慢),加上 AliceBlue 的半透明冰晶色,刷新了我对“雪落无声”的理解。

⚙️ 交互特性:它会“懂”你0

  • 鼠标风向:当你移动鼠标时,粒子会像被风拂过一样偏移,仿佛你的指尖就是季节的风。
  • 无缝刷新:利用 sessionStorage 保存粒子位置,刷新页面后,它们会从刚才的位置继续飘动,仿佛时间从未中断。
  • 切标签暂停:当你切换到其他标签页时,动画自动暂停,不消耗一丝多余的算力。
  • 简约模式:如果你追求极致的性能或极简风,可以一键切换为圆点粒子,每个季节依然保留独特的色彩差异。

📦 快速安装

  1. 创建文件夹:在本地创建 FourSeasons 文件夹,并在其中创建 assets 子文件夹。
  2. 放入文件:

    • 将 Plugin.php 放到 FourSeasons/ 目录。
    • 将 seasons.js 放到 FourSeasons/assets/ 目录。
  3. 上传:将整个 FourSeasons 文件夹上传到 Typecho 的 /usr/plugins/ 目录。
  4. 启用:登录后台,进入“控制台” → “插件管理”,找到 "FourSeasons" 点击启用。
  5. 设置:点击“设置”,选择你想要开启的季节,或者直接开启“简约模式”。

🛠️ 配置说明
季节 开关 数量 速度 大小 说明
简约模式 开/关 — — — 极致简洁,性能之选
春季 开/关 50 0.8 0.9 樱花飘落,3D 翻转
夏季 开/关 35 1.0 1.0 淡黄绿微光向上飘
秋季 开/关 30 0.8 0.8 枫叶飘旋,不扎堆
冬季 开/关 50 0.6 0.6 六角冰晶,三层视差

注:参数支持实时预览,你可以一边调整一边看效果,直到找到最舒服的节奏。

📜 更新日志 (v1.2.0)

  • 重塑夏季:替换为柔和微光,护眼且静谧。
  • 优化秋季:速度调慢,飘旋下落,拒绝扎堆。
  • 新增调节:每个季节独立的速度和大小调节。
  • 新增交互:鼠标风向交互,让特效更有灵性。
  • 状态保持:添加 sessionStorage,刷新页面粒子位置不重置。

写在最后,我想说代码是冰冷的,但人心深处自有四季流转。

希望这个插件,能让你的博客在这个独属于你的小世界里,多一丝微风拂面的温柔。

©版权声明
THE END
喜欢就支持一下吧
点赞0 赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容