Comment faire fonctionner plusieurs croquis de processing.js en même temps

J'essaye d'exécuter plusieurs croquis sur la même page.Comment faire fonctionner plusieurs croquis de processing.js en même temps

Le script init spécifie 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. 
*/

Quand je précise la toile cible de chaque croquis, il ne fonctionne pas:

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

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

mais il ne fonctionne pas? Est-ce seulement possible? Toute aide serait très appréciée. En essayant d'avoir un document avec des éléments de canevas en ligne exécutant des esquisses en synchronisation les uns avec les autres.

Source

2009-12-16 Corban Brook

obtenu ce travail en définissant les ids pour les balises de script et toile:

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

Source

2009-12-17 01:17:42

Je ne pouvais pas la mise en œuvre ci-dessus fonctionne, mais cela fonctionne pour moi ...

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

Faire "script1.pde" & "script2.pde" un programme de traitement de fonctionnement et stocker dans le même répertoire que la page html.

Source

2013-02-26 21:25:33

Comment faire fonctionner plusieurs croquis de processing.js en même temps

Répondre

Questions connexes