Bug fix for webGLGraphics

indices not being cleared when clear() called

bin/pixi.dev.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 1 - Basics/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 10 - Text/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 11 - RenderTexture/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 12 - Spine/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 13 - Graphics/index.html

@@ -80,17 +80,40 @@
 		
 	stage.addChild(graphics);
 	
+	// lets create moving shape
+	var thing = new PIXI.Graphics();
+	stage.addChild(thing);
+	thing.position.x = 620/2;
+	thing.position.y = 380/2;
+	
+	var count = 0;
+	
 	stage.click = stage.tap = function()
 	{
 		graphics.lineStyle(Math.random() * 30, Math.random() * 0xFFFFFF, 1);
 	    graphics.moveTo(Math.random() * 620,Math.random() * 380);
 		graphics.lineTo(Math.random() * 620,Math.random() * 380);
-		
 	}
 	
 	requestAnimFrame(animate);
 
 	function animate() {
+		
+		thing.clear();
+		
+		count += 0.1;
+		
+		thing.clear();
+		thing.lineStyle(30, 0xff0000, 1);
+		thing.beginFill(0xffFF00, 0.5);
+		
+		thing.moveTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
+		thing.lineTo(120 + Math.cos(count) * 20, -100 + Math.sin(count)* 20);
+		thing.lineTo(120 + Math.sin(count) * 20, 100 + Math.cos(count)* 20);
+		thing.lineTo(-120 + Math.cos(count)* 20, 100 + Math.sin(count)* 20);
+		thing.lineTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
+		
+		thing.rotation = count * 0.1;
 	    renderer.render(stage);
 	    requestAnimFrame( animate );
 	}

examples/example 13 - Graphics/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 2 - SpriteSheet/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 3 - MovieClip/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 4 - Balls/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 5 - Morph/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 6 - Interactivity/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 7 - Transparent Background/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 8 - Dragging/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

examples/example 9 - Tiling Texture/pixi.js

@@ -2894,6 +2894,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);

src/pixi/renderers/webgl/WebGLGraphics.js

@@ -32,6 +32,8 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 			
 			graphics._webGL.lastIndex = 0;
 			graphics._webGL.points = [];
+			graphics._webGL.indices = [];
+			
 		}
 		
 		PIXI.WebGLGraphics.updateGraphics(graphics);