| | |
| | | |
| | | let app = null; |
| | | let mapContainer = null; |
| | | let notify = null; |
| | | let effectTick, effectHalfCircle, effectRectangle; |
| | | |
| | | export function syncApp(param) { |
| | |
| | | |
| | | export function syncMapContainer(param) { |
| | | mapContainer = param; |
| | | } |
| | | |
| | | export function syncNotify(param) { |
| | | notify = param; |
| | | } |
| | | |
| | | export function getMapContainer() { |
| | |
| | | const { width, height } = sprite; |
| | | const scale = sprite.scale.x; |
| | | const sideLen = (Math.max(width, height) + 10) * scale; |
| | | const color = 0x273c75; |
| | | const color = app.renderer.backgroundColor === '#f1f2f6' ? 0x273c75 : 0xffffff; |
| | | |
| | | effectHalfCircle = new PIXI.Graphics(); |
| | | effectHalfCircle.beginFill(color); |
| | |
| | | effectHalfCircle.scale.set(1 / scale); |
| | | |
| | | effectRectangle = new PIXI.Graphics(); |
| | | effectRectangle.lineStyle(2 * scale, color, 1); |
| | | effectRectangle.lineStyle(5 * scale, color, 1); |
| | | effectRectangle.drawRoundedRect(0, 0, sideLen, sideLen, 16 * scale); |
| | | effectRectangle.endFill(); |
| | | effectRectangle.mask = effectHalfCircle; |
| | |
| | | return options; |
| | | } |
| | | |
| | | export const fetchMapData = async (intl) => { |
| | | export const fetchMapData = async (curFloor) => { |
| | | clearMapData(); |
| | | await Http.doPostPromise('api/map/list', {}, (res) => { |
| | | const mapItemList = res.data.itemList; |
| | | await Http.doPostPromise('api/map/list', { floor: curFloor }, (res) => { |
| | | const mapItemList = eval(res.data); |
| | | mapItemList.forEach(item => { |
| | | let sprite; |
| | | switch (item.type) { |
| | |
| | | |
| | | } |
| | | |
| | | export const saveMapData = async (intl) => { |
| | | export const saveMapData = async (intl, floor) => { |
| | | if (!mapContainer) { |
| | | return; |
| | | } |
| | |
| | | }) |
| | | |
| | | const closeLoading = message.loading({ content: intl.formatMessage({ id: 'common.loading.api.message', defaultMessage: '等待服务器......' }), duration: API_TIMEOUT }); |
| | | await Http.doPostPromise('api/map/save', { itemList: mapItemList }, (res) => { |
| | | await Http.doPostPromise('api/map/save', { |
| | | itemList: mapItemList, |
| | | floor: floor |
| | | }, (res) => { |
| | | closeLoading(); |
| | | }).catch((error) => { |
| | | closeLoading(); |
| | |
| | | |
| | | new TWEEDLE.Tween(mapContainer.position).easing(TWEEDLE.Easing.Quadratic.Out) |
| | | .to(targetPos, 500).start(); |
| | | } |
| | | |
| | | export const mapNotify = (msg) => { |
| | | notify.open({ |
| | | description: msg, |
| | | duration: 1.5, |
| | | style: { width: 300 }, |
| | | placement: 'bottom', |
| | | closeIcon: false, |
| | | onClick: () => { } |
| | | }); |
| | | } |