| | |
| | | player.showGridlines(); |
| | | player.hideStarryBackground(); |
| | | |
| | | player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, scale, resetFn) => { |
| | | Utils.spriteListBeMovable(selectedSprites, scale, () => { |
| | | player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, resetFn) => { |
| | | Utils.spriteListBeMovable(selectedSprites, () => { |
| | | resetFn(); |
| | | }); |
| | | }); |
| | |
| | | player.showStarryBackground(); |
| | | |
| | | setDeviceVisible(false); |
| | | player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, scale, resetFn) => { |
| | | player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, resetFn) => { |
| | | console.log(selectedSprites); |
| | | if (selectedSprites.length > 0) { |
| | | setDrawerVisible(true); |
| | |
| | | |
| | | // after selectbox complete |
| | | if (fn) { |
| | | fn(this.selectedSprites, this.scale, () => { |
| | | fn(this.selectedSprites, () => { |
| | | // 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, () => { |
| | | // Utils.spriteListBeMovable(this.selectedSprites, () => { |
| | | // this.activateMapEvent(Utils.MapEvent.SELECTION_BOX, fn); |
| | | // }); |
| | | |
| | |
| | | |
| | | // sprites be movable from select box |
| | | // the scale was dynamic |
| | | export const spriteListBeMovable = (selectedSprites, scale, resetFn) => { |
| | | export const spriteListBeMovable = (selectedSprites, resetFn) => { |
| | | if (selectedSprites && selectedSprites.length > 0) { |
| | | let batchMove = false; |
| | | let batchMoveStartPos = null; |
| | | |
| | | const batchMoving = (event) => { |
| | | const scale = mapContainer.scale.x; |
| | | if (batchMove && batchMoveStartPos) { |
| | | // offset move val |
| | | var mouseMovement = { |
| | |
| | | mapContainer.parent.off('mousemove'); |
| | | mapContainer.parent.off('mouseup'); |
| | | |
| | | if (resetFn) { |
| | | resetFn(); |
| | | } |
| | | } |
| | | |
| | | const batchMoveStart = (event) => { |
| | | batchMoveStartPos = { x: event.data.global.clone().x, y: event.data.global.clone().y }; |