一个纯前端的新年倒计时实验合集（已开源）

最近整理并开源了一个小项目合集：New Year Countdown。
这是一些围绕「新年倒计时」这个瞬间做的前端视觉与交互实验，全部基于纯 HTML / CSS / JavaScript实现。

项目本身不追求复杂工程化，而是更关注：

• 时间感

• 动效节奏

• 声音与画面的配合

• “倒计时”作为一种数字仪式的体验

GitHub 地址：
👉 https://github.com/FlameAIStudio/NewYearCountdown

✨ 项目特点

• 纯前端实现：无框架、无构建依赖

• 开箱即用：每个项目都可以直接打开index.html

• 强调表现力：Canvas、粒子、动效、节奏感

• 适合二次创作：可 fork、改造、用于其他节日或活动

📁 项目结构

NewYearCountdown/
├─ Projects/
│ ├─ Kiro/ # 极简风倒计时
│ ├─ Codex/ # 偏结构与确定性的实现
│ ├─ Antigravity/ # 粒子 / 反重力实验
│ └─ GoogleAIStudio/# 偏表现力与动画的版本
├─ README.md
└─ LICENSE (MIT)

每个子项目目录中都包含：

• index.html

• 对应的 JS / 资源文件

• 一个Preview GIF，方便快速了解效果

🔍 各子项目简介

Kiro制作的倒计时

极简风格的新年倒计时，强调清晰节奏与过渡动画，适合低干扰场景。

Codex制作的倒计时

偏“代码感”的实现方式，结构清晰、行为确定，适合学习或二次开发。

Antigravity制作的倒计时

实验性项目，使用自定义粒子系统，探索重力 / 反重力、碰撞等视觉效果。

Google AI Studio制作的倒计时

更偏视觉表现与动画节奏的版本，烟花、粒子和 UI 动效更丰富。

▶️ 如何运行

不需要任何环境配置：

1. Clone 或下载仓库 2. 进入任意 Projects/* 目录 3. 直接用浏览器打开 index.html

如果浏览器限制本地音频或资源加载，也可以用一个简单的本地服务器：

python3 -m http.server

🧠 设计思路

这个仓库更像是一个前端视觉实验集，而不是“产品级项目”。

核心目标是：

• 用最轻的技术栈

• 做短时间、高情绪密度的交互体验

• 探索「技术如何重新表达仪式感」

🔓 开源说明

• MIT License

• 可自由 fork、修改、复用

• 非商业 / 商业使用均可

GitHub 仓库：
👉 https://github.com/FlameAIStudio/NewYearCountdown

👤 作者

Flame（FlameAIStudio）
独立开发者 / 前端实验爱好者 / 传统文化与现代技术结合探索者

• GitHub：https://github.com/FlameAIStudio

• Website：https://www.flameai.net/

• X：https://x.com/FlameAILab