デフォルトでは、p5はグローバルモードで実行されます。これは、すべてのp5関数がグローバルスコープにあり、すべてのキャンバス関連の関数が単一のキャンバスに適用されることを意味します。p5はインスタンスモードでも実行でき、このモードでは同じ関数がp5クラスのインスタンスのメソッドになります。各p5のインスタンスは独自のキャンバスを持つことができます。
インスタンスモードを使用するには、p5インスタンスを表すパラメータ(この例ではpとラベル付けされています)を持つ関数を定義する必要があります。通常はグローバルであるすべてのp5関数と変数は、この関数のスコープ内でこのパラメータに属します。関数をp5コンストラクタに渡すことで、それが実行されます。
複数のキャンバス: Created 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: 2023 code. You can suggest improvements by contributing to the current website!