p5のインスタンスをリフレッシュ

Question

私は自分の文書にスケッチのインスタンスを複数持っています。実際に画面をリフレッシュして特定のインスタンシエーションを再実行するにはどうすればよいですか？

私が持っていると仮定：

function buildSketch(){ 

    var sketch1 = function(sketch){ 
    sketch.setup = function(){ 
     //Do my thing 
    } 
    } 

    new p5(sketch1); 

} 


function buildSecondSketch(){ 

    var sketch2 = function(sketch){ 
    sketch.setup = function(){ 
     //Do my thing 
    } 
    } 

    new p5(sketch2); 

} 

私はwindowオブジェクトにsketchを添付した場合、私はリフレッシュすることができますが、このようで...ハックなどということを知っている：

function buildSecondSketch(){ 

window.sketch = sketch // Adding this seems to help 

    var sketch2 = function(sketch){ 
    sketch.setup = function(){ 
     //Do my thing 
    } 
    } 

    new p5(sketch2); 

} 

そして、私はちょうど：

どれがwo rks。しかし、私はこれがなぜ機能するのか分かりません。

Answer 1

は、setup()の機能をご自身でご利用ください。

最も簡単なことは、それぞれのスケッチにrefresh()関数を追加することです。この関数は、スケッチレベルの変数を元の値に戻して、スケッチの状態を簡単にリセットします。それから、その関数を呼び出します。これは基本的にsetup()と呼んでいますが、P5.jsの内部自動関数呼び出しを短絡させないようにしています。

どちらの方法でも、スケッチ変数への参照を保持する必要があります。グローバル変数を作成するだけのwindow.sketchを使用するか、buildSketch()関数の外で宣言することができます。

また、古いp5インスタンスを取り除いて再インスタンス化することもできますが、各p5インスタンスへの参照を保持する必要があります。