Come avere più schizzi di processing.js in esecuzione allo stesso tempo

Sto tentando di eseguire più schizzi sulla stessa pagina.Come avere più schizzi di processing.js in esecuzione allo stesso tempo

Lo script di init specifica che:

/* 
* 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. 
*/

Quando ho specificare la tela di destinazione di ogni schizzo, ma non funziona:

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

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

ma non funziona? è possibile? Qualsiasi aiuto sarebbe molto apprezzato. Sto cercando di avere un documento con elementi canvas in linea che eseguono uno schizzo sincronizzato l'uno con l'altro.

fonte

2009-12-16 Corban Brook

ottenuto che funziona impostando gli ID per lo script e tela tag:

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

fonte

2009-12-17 01:17:42

non ho potuto ottenere quanto sopra implementazione di lavorare, ma questo funziona per me ...

<!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>

Crea "script1.pde" & "script2.pde" un programma di elaborazione funzionante e memorizza nella stessa directory della pagina html.

fonte

2013-02-26 21:25:33

Come avere più schizzi di processing.js in esecuzione allo stesso tempo

risposta

Problemi correlati