| | |
| | | import * as Tool from './tool'; |
| | | import { NotificationProvider, useNotification } from './Notification'; |
| | | import Device from "./Device"; |
| | | import * as Http from './http'; |
| | | |
| | | let player; |
| | | |
| | |
| | | setMapContainer(player.mapContainer); |
| | | Tool.setApp(player.app); |
| | | Tool.setMapContainer(player.mapContainer); |
| | | Http.setNotify(notify); |
| | | |
| | | await Http.fetchMapData(0); |
| | | |
| | | } |
| | | initialize(); |
| | |
| | | switch (mode) { |
| | | case MapMode.OBSERVER_MODE: |
| | | setDeviceVisible(false); |
| | | player.hideGridLines(); |
| | | |
| | | player.activateMapMultiSelect((selectedSprites, restartFn) => { |
| | | console.log(selectedSprites); |
| | | }); |
| | | |
| | | break |
| | | case MapMode.MOVABLE_MODE: |
| | | player.showGridLines(); |
| | | |
| | | player.activateMapMultiSelect((selectedSprites, restartFn) => { |
| | | Tool.spriteListBeMovable(selectedSprites, () => { |
| | | restartFn(); |
| | | }); |
| | | }); |
| | | break |
| | | case MapMode.SETTINGS_MODE: |
| | | player.hideGridLines(); |
| | | setDeviceVisible(false); |
| | | |
| | | player.activateMapMultiSelect((selectedSprites, restartFn) => { |
| | | console.log(selectedSprites); |
| | | }); |
| | | break |
| | | default: |
| | | break |
| | |
| | | return |
| | | } |
| | | switchMode(mode); |
| | | }, [mode]); |
| | | }, [mode, mapContainer]); |
| | | |
| | | const onDrop = (sprite, type, x, y) => { |
| | | console.log(sprite, type, x, y); |
| | | |
| | | const { mapX, mapY } = Tool.getRealPosition(x, y); |
| | | sprite.x = mapX; |
| | | sprite.y = mapY; |
| | | |
| | | // Utils.initSprite(sprite, type); |
| | | // mapContainer.addChild(sprite); |
| | | // Utils.beMovable(sprite); |
| | | Tool.initSprite(sprite, type); |
| | | mapContainer.addChild(sprite); |
| | | Tool.beMovable(sprite); |
| | | }; |
| | | |
| | | const actions = [ |