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