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

Я считаю, что вы должны вручную прикреплять каждый процесс к холсту, а не просто менять исходный файл. Это сработало здесь:

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);