processing.js更改腳本源

Question

我需要找到一種方法，可以動態更改HTML文檔中處理腳本的源。

這是可以正常工作的嵌入式腳本：

  <script type='application/processing' src='sketch.txt' id="applet">
  </script>

現在，我嘗試更改源：

  $('#applet').attr('src', 'sketch2.txt');
  alert($('#applet').attr('src'));

警報顯示源已更改為“ sketch2.txt”，但小程序仍然保持不變。 我想我需要以某種方式刷新腳本。

預先感謝您的任何幫助！

Answer 1

我相信您必須手動將每個proc附加到畫布上，而不僅僅是更改源文件。 這在這里工作：

function first_call(processing) {
  processing.size(300,300);
  processing.background(100);
  var called = false;
  processing.draw = function() { 
    if (!called) { processing.println("called #1"); called = true; }
  }
}

function second_call(processing) {
  processing.size(400,400);
  processing.background(200);
  var called = false;
  processing.draw = function() {
    if (!called) { processing.println("called #2"); called = true; }
  }
}

var canvas = document.getElementById('canvas1');
var processingInstance = new Processing(canvas, first_call);
var processingInstance = new Processing(canvas, second_call);