I am trying to get all the children of a container displayed inside a zone.
var container = this.add.container(200, 200);
var sprite0 = this.add.sprite(0, 0, 'box');
var sprite1 = this.add.sprite(0, 100, 'box');
container.add([ sprite0, sprite1 ]);
var graphics = this.add.graphics();
var color = 0x00ffff;
var thickness = 2;
var alpha = 1;
graphics.lineStyle(thickness, color, alpha);
graphics.strokeRect(32, 32, 256, 256);
graphics.fillStyle(color, 0);
graphics.fillRect(32, 32, 256, 256);
container.mask = new Phaser.Display.Masks.GeometryMask(this, graphics);
However when they are outside and overlapping is seems like they are blending on each other? How should I proceed?