今年整理了一些前端实验,主题看起来很简单:新年倒计时。
但在实现过程中,我刻意给自己加了几个限制:
不使用任何前端框架
不依赖第三方动画库
所有逻辑可直接在浏览器中理解
最终做成了一个包含多个子项目的仓库,每个子项目都是一个独立实验。
我更关注的不是“效果有多炫”,而是:
时间如何被感知
动画如何服务于节奏
声音在交互中的角色
这些项目都不是“产品级代码”,但很适合用来拆解、改造,或者作为 Canvas / 动效学习素材。
已将完整代码开源在 GitHub(MIT License):
👉 https://github.com/FlameAIStudio/NewYearCountdown