| | |
| | | sprite.alpha = 1; |
| | | } |
| | | |
| | | export const beMovable = (sprite) => { |
| | | sprite.off('pointerup'); |
| | | sprite.off('pointermove'); |
| | | sprite.off('pointerdown'); |
| | | sprite.off('click'); |
| | | |
| | | sprite.on("pointerdown", onDragStart); |
| | | |
| | | let dragTarget; |
| | | function onDragStart(event) { |
| | | if (event.button === 0) { |
| | | dragTarget = event.currentTarget; |
| | | mapContainer.parent.off('pointermove'); |
| | | mapContainer.parent.on('pointermove', onDragMove, dragTarget); |
| | | |
| | | mapContainer.parent.off('pointerup'); |
| | | mapContainer.parent.on('pointerup', onDragEnd.bind(mapContainer)); |
| | | } |
| | | } |
| | | |
| | | function onDragMove(event) { |
| | | if (this) { |
| | | this.parent.toLocal(event.global, null, this.position); |
| | | } |
| | | } |
| | | |
| | | function onDragEnd() { |
| | | if (dragTarget) { |
| | | this.parent.off('pointermove'); |
| | | this.parent.off('pointerup'); |
| | | dragTarget.alpha = 1; |
| | | dragTarget = null; |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | export const spriteListBeMovable = (selectedSprites, endFn) => { |
| | | if (selectedSprites && selectedSprites.length > 0) { |
| | | let batchMove = false; |
| | |
| | | && spriteBounds.x < boxBounds.x + boxBounds.width |
| | | && spriteBounds.y + spriteBounds.height > boxBounds.y |
| | | && spriteBounds.y < boxBounds.y + boxBounds.height; |
| | | } |
| | | |
| | | export const beInsight = (sprite, setCurSprite) => { |
| | | sprite.off('pointerup'); |
| | | sprite.off('pointermove'); |
| | | sprite.off('pointerdown'); |
| | | sprite.off('click'); |
| | | |
| | | sprite.on("click", onClick); |
| | | |
| | | function onClick(event) { |
| | | setCurSprite(sprite); |
| | | } |
| | | |
| | | } |
| | | |
| | | export const beMovable = (sprite) => { |
| | | sprite.off('pointerup'); |
| | | sprite.off('pointermove'); |
| | | sprite.off('pointerdown'); |
| | | sprite.off('click'); |
| | | |
| | | sprite.on("pointerdown", onDragStart); |
| | | |
| | | let dragTarget; |
| | | function onDragStart(event) { |
| | | if (event.button === 0) { |
| | | dragTarget = event.currentTarget; |
| | | mapContainer.parent.off('pointermove'); |
| | | mapContainer.parent.on('pointermove', onDragMove, dragTarget); |
| | | |
| | | mapContainer.parent.off('pointerup'); |
| | | mapContainer.parent.on('pointerup', onDragEnd.bind(mapContainer)); |
| | | } |
| | | } |
| | | |
| | | function onDragMove(event) { |
| | | if (this) { |
| | | this.parent.toLocal(event.global, null, this.position); |
| | | } |
| | | } |
| | | |
| | | function onDragEnd() { |
| | | if (dragTarget) { |
| | | this.parent.off('pointermove'); |
| | | this.parent.off('pointerup'); |
| | | dragTarget.alpha = 1; |
| | | dragTarget = null; |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | export const beSettings = (sprite, setSpriteSettings) => { |
| | |
| | | |
| | | // dynamic graphic ---------------- |
| | | |
| | | export const generateDynamicGraphic = (curZone, data) => { |
| | | export const generateDynamicGraphic = (curZone, data, callback) => { |
| | | // console.log("ws", curZone, data); |
| | | |
| | | for (const agvVo of data.agvVos) { |
| | | showAgvSprite(curZone, agvVo) |
| | | } |
| | | |
| | | callback(); |
| | | } |
| | | |
| | | const showAgvSprite = (curZone, agvVo) => { |