两层循环
外层循环控制方阵层数与尺寸，内层循环控制每层绕圆周分布的方块数量。
学习目标
01
掌握 for 循环嵌套
02
理解 translate、rotate、scale 的累积效应
03
正确配对 push() 与 pop()
04
用层级参数控制尺寸、数量和速度
核心概念
原理解析
变换累积
每次 translate() 和 rotate() 都基于当前坐标系。状态栈让每个方块从同一层级起点开始计算。
层级参数
LAYER_DECAY 决定尺寸衰减，奇偶层使用相反旋转方向，层数映射到金色色相与线宽。
扩展挑战
- 把正方形替换为圆或星形
- 改变每层的数量增长规则
- 为旋转速度加入受控随机性
案例演示
实时运行 · 观察奇偶层的反向旋转与尺度递减
sketch.js打开源码
正在载入源码…核心要点
嵌套循环描述层级
外层定义结构，内层生成同一层中的重复元素。
状态栈保护局部坐标
每个元素都能拥有独立且可预测的变换。
少量参数形成系统
衰减、数量和速度共同决定视觉秩序。