if 和 else 语句用于规定一组特定的 块语句 只在指定条件为真时运行。在这个例子中,只有按下鼠标时,动画才会播放。这就是第 59 行的 if 语句的作用。 你可以在 p5 参考资料和 MDN上 了解更多关于 if 和 else 语句的信息。
比较运算符通过比较两个值来形成条件。在这个例子中,当圆形的色相达到360或更大时,根据第69行的 if 语句,色相会重置为零。若要浏览更多比较运算符的信息,请阅读 MDN 上的相关文档。
通过逻辑运算符,可以将条件进行组合。&& 检查两个条件是否同时为真。在这个例子中,当圆位于画布的水平中心附近时,它的填充颜色为黑色;当它不在这个位置时,填充颜色为白色。这是因为第45行的 if 语句会检查圆的 x 坐标,看它是否大于等于 100 且不超过 300。而 || 检查的则是两个条件中至少有一个为真的情况。根据第75行的 if 语句,当圆到达画布的左边缘或右边缘时,它会保持水平速度并调头。
条件 by p5.js Contributors and the Processing Foundation is licensed under CC BY-NC-SA 4.0.