draw(renderer, container) {
		const translateX = this.pos.x + this.offset.x;
		const translateY = this.pos.y + this.offset.y;

		// translate the world coordinates by default to screen coordinates
		container.currentTransform.translate(-translateX, -translateY);

		// set the camera projection
		renderer.setProjection(this.projectionMatrix);

		// clip to camera bounds
		renderer.clipRect(0, 0, this.width, this.height);

		this.preDraw(renderer);

		container.preDraw(renderer, this);

		// draw all objects,
		// specifying the viewport as the rectangle area to redraw
		container.draw(renderer, this);

		// draw the viewport/camera effects
		this.drawFX(renderer);

		container.postDraw(renderer, this);

		this.postDraw(renderer);

		// translate the world coordinates by default to screen coordinates
		container.currentTransform.translate(translateX, translateY);
	}
draw all object visibile in this viewport
@ignore