| | |
| | | const [app, setApp] = React.useState(null); |
| | | const [mapContainer, setMapContainer] = React.useState(null); |
| | | const [didClickSprite, setDidClickSprite] = React.useState(false); |
| | | const [currSpriteBySettings, setCurrSpriteBySettings] = React.useState(null); |
| | | |
| | | // init func |
| | | React.useEffect(() => { |
| | |
| | | player.activateMapEvent(null); |
| | | |
| | | mapContainer.children.forEach(child => { |
| | | Utils.beSettings(child, setSettingsVisible, setDidClickSprite); |
| | | Utils.beSettings(child, setCurrSpriteBySettings, setDidClickSprite); |
| | | }) |
| | | break |
| | | default: |
| | |
| | | Utils.beMovable(sprite, setDidClickSprite); |
| | | }; |
| | | |
| | | const settingsFinish = () => { |
| | | |
| | | } |
| | | |
| | | // didClickSprite, stop triggers both sprite click and play's selection boxs |
| | | React.useEffect(() => { |
| | | player.updateDidClickSprite(didClickSprite); |
| | | }, [didClickSprite]) |
| | | |
| | | React.useEffect(() => { |
| | | if (!mapContainer) { |
| | | return; |
| | | } |
| | | console.log(currSpriteBySettings); |
| | | if (currSpriteBySettings) { |
| | | setSettingsVisible(true); |
| | | } |
| | | }, [currSpriteBySettings]) |
| | | |
| | | const settingsFinish = () => { |
| | | setCurrSpriteBySettings(null); |
| | | } |
| | | |
| | | return ( |
| | | <> |
| | | <Layout className={styles.layout}> |