Verarbeitung js nicht looping zeichnen Funktion

Question

Ich versuche, eine Verarbeitung Skizze in meine WordPress-Blog mit processing.js einzufügen.

Das Problem ist, dass ich ein eingefrorenes Bild anstelle eines beweglichen bekomme. Es ist so, als würde die Zeichenfunktion nicht loopen. (Auf meinem PC funktioniert die Skizze gut)

was könnte die Ursache dafür sein? und wie kann ich es reparieren?

<script type="text/processing" data-processing-target="MySketch"> 
ball[] balls; 
int numBalls = 20; 
void setup(){ 
size (300,300,P3D); 
background(255);balls=new ball[numBalls]; 
for(int i=0; i<numBalls;i++){ 
    float r=random(5,20); 
balls[i] = new ball(random(r,width-r),random(r,height-r),0,r,random(-1,10),random(-1,10)); 
} 

} 

    void draw(){ 
    background(255); 
    for(int i=0; i<numBalls;i++){ 
ball b; b=balls[i]; 
b.drawBall(); 
b.moveBall(); 
b.boundaries(); 
} 
} 
class ball{ 
float x; 
float y; 
float z; 
float r; 
float vx; 
float vy; 
ball(float x1,float y1,float z1,float r1,float vx1,float vy1){ 
x=x1; 
y=y1; 
z=z1; 
r=r1; 
vx=vx1; 
vy=vy1; 
} 
void drawBall(){ 
noStroke(); 
fill(255,0,0); 
lights(); 
pushMatrix(); 
translate(x, y,z); 
sphere(r); 
popMatrix(); 
} 
void moveBall(){ 
x=x+vx; 
y=y+vy; 
} 
void boundaries(){ 
if(x>=width-r || x<0+r) 
vx=vx*-1; 

if(y>=height-r || y<0+r) 
     vy=vy*-1; 
    } 
    } 
    </script> 
    <canvas id="MySketch"></canvas> 

Answer 1

Ihre erste Anlaufstelle sollte die JavaScript-Konsole sein. Dort werden alle Fehler angezeigt, die Sie bekommen. Bei den meisten Browsern können Sie einfach den Schlüssel F12 drücken, oder Sie finden ihn in Ihren Entwicklereinstellungen im Menü.

Wenn ich Ihren Code ausführen und den JavaScript-Browser anzeigen, sehe ich diesen Fehler: Uncaught can only create 8 lights.

Was ich von diesem Fehler erfasse, ist, dass der Browser nur mit 8 Lichtern umgehen kann, aber du versuchst mehr zu erstellen. Es funktioniert gut auf Ihrem PC, weil Sie wahrscheinlich den Java-Modus verwenden, der nicht die gleichen Einschränkungen hat.

Wenn das der Fall ist, können Sie nur die Anzahl der Lichter verringern, die Sie zeichnen.