added editor view

src/editor/editor.view.ts

@@ -0,0 +1,36 @@
+export class EditorView extends Phaser.Group {
+	private readonly touchArea: Phaser.Graphics;
+	private readonly container: Phaser.Group | Phaser.Stage;
+
+	constructor(game: Phaser.Game, container: Phaser.Group | Phaser.Stage, parent: Phaser.Group | Phaser.Stage) {
+		super(game, parent);
+		this.container = container;
+		this.touchArea = this.createTouchArea(game);
+		this.redrawTouchArea();
+	}
+
+	private createTouchArea(game: Phaser.Game) {
+		const graphics = new Phaser.Graphics(game);
+		graphics.inputEnabled = true;
+		graphics.events.onInputUp.add(this.onTouch, this);
+		game.scale.onSizeChange.add(this.redrawTouchArea, this);
+		this.add(graphics);
+		return graphics;
+	}
+
+	private redrawTouchArea() {
+		const sm = this.game.scale;
+		this.touchArea.clear()
+			.beginFill(0, 0)
+			.drawRect(0, 0, sm.width, sm.height)
+			.endFill();
+	}
+
+	private onTouch(_: any, pointer: Phaser.Pointer) {
+
+	}
+
+	private getObjectsUnderPoint(x: number, y: number) {
+
+	}
+}

src/plugin.ts

@@ -1,13 +1,10 @@
 import Phaser from 'phaser-ce';
 import { Stage } from './stage';
-import { ToolBar } from './ui/toolbar';
 
 export class Plugin extends Phaser.Plugin {
-	public constructor(game: Phaser.Game, public group?: Phaser.Group | Phaser.Stage) {
+	public constructor(game: Phaser.Game, group?: Phaser.Group | Phaser.Stage) {
 		super(game, game.plugins);
-		this.group = group || game.stage;
-
-		const stage = new Stage(game, game.stage);
+		const stage = new Stage(game, group, game.stage);
 		// this.container = null;
 		// _defs();
 

src/stage.ts

@@ -1,13 +1,15 @@
+import { EditorView } from './editor/editor.view';
 import { ToolBar } from './ui/toolbar';
 
 export class Stage extends Phaser.Group {
-	constructor(game: Phaser.Game, parent: Phaser.Group | Phaser.Stage) {
+	constructor(game: Phaser.Game, container: Phaser.Group | Phaser.Stage, parent: Phaser.Group | Phaser.Stage) {
 		super(game, parent);
 
 		const scale = game.scale.scaleFactor;
 		this.scale.copyFrom(scale);
 		game.scale.onSizeChange.add(() => this.scale.copyFrom(game.scale.scaleFactor));
 
+		const editor = new EditorView(game, container, this);
 		const toolbar = new ToolBar(game, this);
 	}
 }

src/ui/button.ts

@@ -32,7 +32,7 @@ export class Button extends Phaser.Group {
 	}
 
 	private createGraphics(game: Phaser.Game, config: ButtonConfig) {
-		const g = new Phaser.Graphics(game).beginFill(0, 1).drawRect(0, 0, config.width, config.height).endFill();
+		const g = new Phaser.Graphics(game);
 		this.add(g);
 
 		g.inputEnabled = true;