Cómo tener múltiples bocetos de processing.js ejecutándose al mismo tiempo

Estoy intentando ejecutar varios bocetos en la misma página.Cómo tener múltiples bocetos de processing.js ejecutándose al mismo tiempo

El script de inicio especifica que:

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

Cuando especifico el lienzo de destino de cada boceto, que no funciona:

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

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

pero no está trabajando? es esto posible? Cualquier ayuda sería muy apreciada. Intento tener un documento con elementos de lienzo en línea que ejecuten bocetos sincronizados entre sí.

Fuente

2009-12-16 Corban Brook

¡Gracias trabajo mediante el establecimiento de los identificadores de las etiquetas script y lona:

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

Fuente

2009-12-17 01:17:42

no pude conseguir la implementación anterior para trabajar, pero esto funciona para mí ...

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

Haga "script1.pde" & "script2.pde" un programa de procesamiento en funcionamiento y almacénelo en el mismo directorio que la página html.

Fuente

2013-02-26 21:25:33

Cómo tener múltiples bocetos de processing.js ejecutándose al mismo tiempo

Respuesta

Cuestiones relacionadas