ChunLong Blog
LOADING
共 10 篇
拆解本站的视觉与动效实现:分层背景、glass 工具类、CSS 关键帧粒子、Canvas 点击特效与 framer-motion。
为什么我要写博客,以及这个小站是怎么搭起来的——Next.js 全栈 + 毛玻璃 + 粒子动效。
这个博客现在长什么样:一份不完整导览
上线快一个月,小站从"一个博客"长成了"一个小世界"——音乐馆、实验室、漂流瓶、留声星……这份导览带你逛一圈。
漂流瓶手感重构记:一只瓶子引发的"考古"
用户说"拖瓶子的体验很糟糕"。顺着这句话挖下去,挖出了四个藏了很久的 bug 和一套错误的手势设计。
让烟花听起来像烟花
烟花的音效一直被吐槽"像橡皮子弹"。从一层合成到四层合成再到真实采样,这是 Web Audio 的一次补课。
实验室扩容记:从一片星海到六个玩具
实验室起初只有一片 three.js 星海和一个烟花。这一轮一口气加了五个小玩具——更重要的是,加出了一套"新玩具十秒注册"的体系。
白噪音素材课:短素材如何听出"无限"
想给白噪音机配"高质量长素材",又怕小服务器带宽撑不住?答案藏在信号的一行统计性质里。
在 2 核 2G 小水管上跑一个"特效很多"的博客
樱花粒子、Live2D 看板娘、Three.js 星海……这些和一台 2 核 2G 的小服务器听起来不该出现在同一个句子里。这是我的性能取舍笔记。
从 giscus 到自建评论和点赞
把评论区从 giscus 搬回自己手里的全过程:多态评论表、GitHub OAuth 双会话、游客点赞回填,以及为什么要自找这个麻烦。