Method draw

packages/examples/src/examples/graphics/ExampleGraphics.tsx:166–279

(renderer: WebGLRenderer | CanvasRenderer)

		// draw function
		override draw(renderer: WebGLRenderer | CanvasRenderer) {
			renderer.clearColor("#FFFFFF");

			renderer.setGlobalAlpha(1.0);

			renderer.lineWidth = 3;

			// draw Commodore rainbow stripes (red, orange, yellow, green, blue)
			renderer.setColor("#e02020");
			renderer.fill(this.stripe1);
			renderer.setColor("#e07020");
			renderer.fill(this.stripe2);
			renderer.setColor("#e0c020");
			renderer.fill(this.stripe3);
			renderer.setColor("#40a040");
			renderer.fill(this.stripe4);
			renderer.setColor("#40a0e0");
			renderer.fill(this.stripe5);

			renderer.setColor("#ffcc00");
			renderer.setGlobalAlpha(0.375);
			this.polymask.rotate(0.05, this.polymask.getBounds().center);
			renderer.setMask(this.polymask);
			renderer.fill(this.polymask.getBounds());
			renderer.clearMask();

			// star bounding box with solid color
			renderer.setColor("#55aa00");
			renderer.setGlobalAlpha(0.5);
			renderer.fill(this.starMask.getBounds());
			renderer.setGlobalAlpha(1.0);
			renderer.stroke(this.starMask.getBounds());

			renderer.setColor("#88cc44");
			renderer.setGlobalAlpha(0.5);
			renderer.fill(this.starMask.getBounds());
			renderer.setGlobalAlpha(1.0);
			renderer.stroke(this.starMask.getBounds());

			renderer.setColor("#88cc44");
			renderer.fill(this.starMask);
			renderer.setColor("#55aa00");
			renderer.stroke(this.starMask);

			renderer.setGlobalAlpha(0.5);

			renderer.setColor("#e15d55");
			renderer.save();
			renderer.translate(740, 260);
			renderer.rotate(this.arcAngle);
			renderer.strokeArc(0, 0, 110, Math.PI, 0);
			renderer.fillArc(0, 0, 110, 0, Math.PI);
			renderer.restore();

			renderer.setColor("#00aa88");
			renderer.translate(25, 0);
			renderer.setMask(this.circleMask);
			renderer.fillRect(580, 510, 200, 200);