2009-12-16 14 views
5

Próbuję uruchomić wiele szkiców na tej samej stronie.Jak uruchomić wiele szkiców przetwarzania.js w tym samym czasie?

Skrypt startowy określa, że:

/* 
* This code searches for all the <script type="application/processing" target="canvasid"> 
* in your page and loads each script in the target canvas with the proper id. 
* It is useful to smooth the process of adding Processing code in your page and starting 
* the Processing.js engine. 
*/ 

Kiedy płótno określić docelową każdego szkicu, to nie działa:

<script type="application/processing" target="canvas1">..</script> 
<script type="application/processing" target="canvas2">..</script> 

<canvas id="canvas1".. /> 
<canvas id="canvas2".. /> 

ale to nie działa? czy to możliwe? Każda pomoc byłaby bardzo cenna. Próbuję mieć dokument z wbudowanymi elementami canvas, na których szkice są ze sobą zsynchronizowane.

Odpowiedz

6

Got to działa poprzez ustawienie identyfikatory dla tagów skryptu i płótnie:

<script type="application/processing" id="script1">..</script> 
<script type="application/processing" id="script2">..</script> 

<canvas id="canvas1" width="200px" height="200px"></canvas> 
<canvas id="canvas2" width="200px" height="200px"></canvas> 
<script> 
    canvas1 = document.getElementById("canvas1"); 
    script1 = document.getElementById("script1").text; 
    canvas2 = document.getElementById("canvas2"); 
    script2 = document.getElementById("script2").text; 
    Processing(canvas1, script1); 
    Processing(canvas2, script2); 
</script> 
0

nie mogłem dostać wyżej wdrożenie do pracy, ale to działa na mnie ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
     <script src="processing-1.4.1.min.js"></script> 
     <title>title</title> 
    </head> 
    <body> 

     <script type="application/processing" id="script1" src="script1.pde" data-processing-target="pjs1"></script> 
     <canvas id="pjs1"> </canvas> 

     <script type="application/processing" id="script2" src="script2.pde" data-processing-target="pjs2"></script> 
     <canvas id="pjs2"> </canvas> 

    </body> 
    </html> 

Wykonaj "script1.pde" & "script2.pde" działający program Processing i zapisz w tym samym katalogu, co strona html.