4、编程动画与数据结构全解析

编程动画与数据结构全解析

1. 动画基础

1.1 动画的本质

在编程中，动画的本质是快速按顺序绘制帧，让人类大脑感知到运动，尽管实际上是逐帧静止的。例如 1895 年卢米埃尔兄弟就运用了这种技术。

1.2 Processing 动画基础结构

Processing 适合实现动画，其基本结构包含 setup 和 draw 两个函数：

// the setup function is run only once
// set up canvas and drawing style here
void setup() {
  size(640, 640);
  background(208, 170, 208);
  stroke(246, 173, 113);
  fill(64, 72, 224);
}
// the draw function is run 30 or even 60 times per second
// and it draws a single frame
void draw() {
  // frame contents
  // ...
}

• setup 函数：程序启动时运行一次，用于设置画布和绘图样式。
• draw 函数：每秒运行 30 或 60 次，用于绘制单帧。通常先擦除背景，避免在之前的帧上绘制。

1.3 简单动画示例