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