| | |
| | | if (this.mapEvent) { |
| | | this.mapContainer.parent.off('mousedown'); |
| | | this.mapEvent = null; |
| | | if (this.selectedSprites && this.selectedSprites.length > 0) { |
| | | this.selectedSprites.forEach(child => { |
| | | Utils.unMarkSprite(child); |
| | | }) |
| | | } |
| | | // if (this.selectedSprites && this.selectedSprites.length > 0) { |
| | | // this.selectedSprites.forEach(child => { |
| | | // Utils.unMarkSprite(child); |
| | | // }) |
| | | // } |
| | | } |
| | | this.mapEvent = (event) => { |
| | | if (eventType && event.button === 0) { |
| | |
| | | |
| | | this.mapContainer.parent.on('mouseup', (event) => { |
| | | if (isSelecting) { |
| | | if (this.selectedSprites && this.selectedSprites.length > 0) { |
| | | this.selectedSprites.forEach(child => { |
| | | Utils.unMarkSprite(child); |
| | | }) |
| | | } |
| | | this.selectedSprites = []; |
| | | this.clearSelectedSprites(); |
| | | |
| | | // sprite show style which be selected |
| | | this.mapContainer.children.forEach(child => { |
| | |
| | | |
| | | this.mapContainer.parent.off('mousemove', handleMouseMove); |
| | | }); |
| | | } |
| | | |
| | | clearSelectedSprites = () => { |
| | | if (this.selectedSprites && this.selectedSprites.length > 0) { |
| | | this.selectedSprites.forEach(child => { |
| | | Utils.unMarkSprite(child); |
| | | }) |
| | | } |
| | | this.selectedSprites = []; |
| | | } |
| | | |
| | | activateMapPan = () => { |
| | |
| | | |
| | | function generatePixiContainer(name) { |
| | | const mapContainer = new PIXI.Container(); |
| | | mapContainer.sortableChildren = true; |
| | | mapContainer.name = name; |
| | | mapContainer.data = {}; |
| | | return mapContainer; |