| | |
| | | this.mapContainer = generatePixiContainer('mapContainer'); |
| | | this.app.stage.addChild(this.mapContainer); |
| | | |
| | | // this.activateMapEvent(null); |
| | | this.activateMapScale(); |
| | | this.activateMapPan(); |
| | | this.showCoordinates(); |
| | | this.getStartedTicker(); |
| | | } |
| | | |
| | | activateMapEvent = (eventType, mapModel) => { |
| | | activateMapEvent = (eventType, fn) => { |
| | | if (this.mapEvent) { |
| | | this.mapContainer.parent.off('mousedown'); |
| | | this.mapEvent = null; |
| | |
| | | if (eventType && event.button === 0) { |
| | | switch (eventType) { |
| | | case Utils.MapEvent.SELECTION_BOX: |
| | | this.mapSelect(event, mapModel); |
| | | this.mapSelect(event, fn); |
| | | break |
| | | default: |
| | | break |
| | |
| | | this.mapContainer.parent.on('mousedown', this.mapEvent) |
| | | } |
| | | |
| | | mapSelect = (event, mapModel) => { |
| | | mapSelect = (event, fn) => { |
| | | let isSelecting = false; |
| | | if (!this.selectionBox) { |
| | | this.selectionBox = new PIXI.Graphics(); |
| | |
| | | isSelecting = false; |
| | | this.selectionBox.clear(); |
| | | |
| | | // sprites batch move |
| | | Utils.spriteListBeMovable(this.selectedSprites, this.scale, () => { |
| | | this.activateMapEvent(Utils.MapEvent.SELECTION_BOX, mapModel); |
| | | // after selectbox complete |
| | | if (fn) { |
| | | fn(this.selectedSprites, this.scale, () => { |
| | | // trigger at end of selectionBox when fn happen mouseup |
| | | this.selectedSprites = []; |
| | | this.activateMapEvent(Utils.MapEvent.SELECTION_BOX, fn); |
| | | }); |
| | | } |
| | | |
| | | // sprites batch move |
| | | // Utils.spriteListBeMovable(this.selectedSprites, this.scale, () => { |
| | | // this.activateMapEvent(Utils.MapEvent.SELECTION_BOX, fn); |
| | | // }); |
| | | |
| | | } |
| | | |