上班路上
上班路上所想-写于24/12/05
1. 上班路上
今天下楼拧开单元门，看到自行车坐垫上凝了一层露水，瞬间感到一股凉气透过整个身体。记得下楼前还特意看了的天气：周四-多云 5-12°c。心里想着：“今天几号来着？冬天已经开始了么？”用袖子简单擦一擦坐垫，蹬起车子往公司赶，把手也凉凉的，好在是软软的橡胶不算冻手。想之前奶奶那辆自行车手把只是个空心铁管，又滑又冷。
10/9/25About 2 min
design
9/26/25Less than 1 minute
9/23/25About 1 min
六个月学习计划表（周目标版）
| 周次 | 学习任务 | 完成情况 |
|---|---|---|
| 第1周 | JS ES6 语法复习（class、模块、箭头函数） | [ ] |
| 第1周 | 理解 requestAnimationFrame 动画循环 | [ ] |
| 第1周 | 数学：向量和矩阵运算（点乘、叉乘） | [ ] |
| 第1周 | 项目：小球跟随鼠标移动 | [ ] |
| 第2周 | 数学：加速度/重力运动公式 | [ ] |
| 第2周 | 物理：牛顿运动学基础 | [ ] |
| 第2周 | 项目：重力下落 + 弹跳动画（2D） | [ ] |
| 第3周 | Canvas 基础绘图（线条、圆、Bezier 曲线） | [ ] |
| 第3周 | 粒子系统概念 | [ ] |
| 第3周 | 项目：粒子跟随鼠标效果 | [ ] |
| 第4周 | GSAP 入门：timeline、ease | [ ] |
| 第4周 | GSAP scrollTrigger | [ ] |
| 第4周 | 项目：滚动触发动画页面 | [ ] |
| 第5周 | WebGL 基础：坐标系、顶点/片元着色器概念 | [ ] |
| 第5周 | Three.js 入门：场景、相机、光源 | [ ] |
| 第5周 | 项目：旋转立方体（WebGL 原生） | [ ] |
| 第6周 | Three.js 材质、纹理加载 | [ ] |
| 第6周 | Three.js OrbitControls 交互 | [ ] |
| 第6周 | 项目：3D 地球仪 | [ ] |
| 第7周 | 物理引擎 matter.js 入门（2D 碰撞、重力） | [ ] |
| 第7周 | 项目：小球碰撞演示 | [ ] |
| 第8周 | cannon-es 基础（3D 物理引擎） | [ ] |
| 第8周 | 项目：布料模拟 | [ ] |
| 第9周 | 粒子系统：随机运动、重力影响 | [ ] |
| 第9周 | 项目：粒子文字动画 | [ ] |
| 第10周 | GLSL 入门：变量、函数、main() | [ ] |
| 第10周 | 顶点着色器 vs 片元着色器 | [ ] |
| 第10周 | 项目：水波纹点击效果 | [ ] |
| 第11周 | GLSL 噪声、纹理映射 | [ ] |
| 第11周 | 项目：玻璃折射立方体 | [ ] |
| 第12周 | 综合运用：GSAP + Three.js + Shader 结合 | [ ] |
| 第12周 | 项目：交互式页面特效（过渡动画） | [ ] |
| 第13周 | 设计综合项目结构（需求分析、交互方案） | [ ] |
| 第13周 | 准备素材（模型/纹理/字体） | [ ] |
| 第14周 | 实现 Three.js 场景搭建（背景、光影） | [ ] |
| 第14周 | 实现粒子 Logo 动画 | [ ] |
| 第15周 | 添加物理引擎（布料/小球交互） | [ ] |
| 第15周 | 调试交互逻辑 | [ ] |
| 第16周 | Shader 特效：水波、光影氛围 | [ ] |
| 第16周 | 性能优化（帧率、低端机适配） | [ ] |
| 第17周 | 整合所有模块，构建完整 UX 页面 | [ ] |
| 第17周 | 增加交互触发点（鼠标、滚动） | [ ] |
| 第18周 | 最终测试、优化动画流畅度 | [ ] |
| 第18周 | 部署上线 Demo | [ ] |
9/23/25About 2 min
