if文とelse文を使用すると、特定の条件が真であるときにのみ コードのブロック を実行できます。この例では、マウスが押されているときのみアニメーションが実行されます。これは、59行目のif文によるものです。if文とelse文についての詳細は p5リファレンス やMDNで読むことができます。
比較演算子は、2つの値を比較することによって条件を形成するのに役立ちます。この例では、円の色相が360以上になると色相がゼロにリセットされます。これは69行目のif文によるものです。比較演算子についての詳細は MDNで読むことができます。
論理演算子を使用すると、条件を組み合わせることができます。 && は、両方の条件が真であることを確認します。この例では、円はキャンバスの水平中心に近いときに黒で塗りつぶされ、そうでないときは白で塗りつぶされます。これは、45行目のif文によるもので、円のx位置が100以上であり、かつ300以下であることを確認します。 || は、少なくとも1つの条件が真であることを確認します。円はキャンバスの左端または右端に達すると水平速度が反転します。これは75行目のif文によるものです。
条件: Inspired by the Conditional Shapes Example by Prof. WM Harris. Revised by Caleb Foss. From 2024 onwards, edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: pre-2023 code, 2023 revision code. You can suggest improvements by contributing to the current website!
