refactor: 修复所有问题

packages/render-elements/src/cache.ts

@@ -14,19 +14,6 @@ const i = (img: ImageMapKeys) => {
 
 const imageMap: Partial<ImageMap> = {};
 
-const { loading } = Mota.require('@user/data-base');
-loading.once('loaded', () => {
-    [
-        'enemys',
-        'enemy48',
-        'npcs',
-        'npc48',
-        'terrains',
-        'items',
-        'animates'
-    ].forEach(v => (imageMap[v as ImageMapKeys] = i(v as ImageMapKeys)));
-});
-
 interface AutotileCache {
     parent?: Set<AllNumbersOf<'autotile'>>;
     frame: number;
@@ -91,21 +78,21 @@ class TextureCache {
 
     constructor() {
         this.material = imageMap as Record<ImageMapKeys, HTMLImageElement>;
+    }
 
-        loading.once('loaded', () => {
-            const map = maps_90f36752_8815_4be8_b32b_d7fad1d0542e;
+    init() {
+        const map = maps_90f36752_8815_4be8_b32b_d7fad1d0542e;
+        // @ts-expect-error 无法推导
+        this.idNumberMap = {};
+        for (const [key, { id }] of Object.entries(map)) {
             // @ts-expect-error 无法推导
-            this.idNumberMap = {};
-            for (const [key, { id }] of Object.entries(map)) {
-                // @ts-expect-error 无法推导
-                this.idNumberMap[id] = parseInt(key) as AllNumbers;
-            }
-            this.tileset = core.material.images.tilesets;
-            this.autotile = splitAutotiles(this.idNumberMap);
-            this.images = core.material.images.images;
-            this.calRenderable();
-            this.calAutotileConnections();
-        });
+            this.idNumberMap[id] = parseInt(key) as AllNumbers;
+        }
+        this.tileset = core.material.images.tilesets;
+        this.autotile = splitAutotiles(this.idNumberMap);
+        this.images = core.material.images.images;
+        this.calRenderable();
+        this.calAutotileConnections();
     }
 
     /**
@@ -555,3 +542,19 @@ function splitAutotiles(map: IdToNumber): AutotileCaches {
 
     return cache as AutotileCaches;
 }
+
+export function createCache() {
+    const { loading } = Mota.require('@user/data-base');
+    loading.once('loaded', () => {
+        [
+            'enemys',
+            'enemy48',
+            'npcs',
+            'npc48',
+            'terrains',
+            'items',
+            'animates'
+        ].forEach(v => (imageMap[v as ImageMapKeys] = i(v as ImageMapKeys)));
+        texture.init();
+    });
+}

packages/render-elements/src/frame.ts

@@ -39,14 +39,16 @@ class RenderEmits extends EventEmitter<RenderEvent> {
 
 export const renderEmits = new RenderEmits();
 
-Mota.require('@user/data-base').hook.once('reset', () => {
-    let lastTime = 0;
-    RenderItem.ticker.add(time => {
-        if (!core.isPlaying()) return;
-        if (time - lastTime > core.values.animateSpeed) {
-            RenderItem.animatedFrame++;
-            lastTime = time;
-            renderEmits.emitAnimateFrame(RenderItem.animatedFrame, time);
-        }
+export function createFrame() {
+    Mota.require('@user/data-base').hook.once('reset', () => {
+        let lastTime = 0;
+        RenderItem.ticker.add(time => {
+            if (!core.isPlaying()) return;
+            if (time - lastTime > core.values.animateSpeed) {
+                RenderItem.animatedFrame++;
+                lastTime = time;
+                renderEmits.emitAnimateFrame(RenderItem.animatedFrame, time);
+            }
+        });
     });
-});
+}

packages/render-elements/src/index.ts

@@ -1,3 +1,15 @@
+import { createCache } from './cache';
+import { createFrame } from './frame';
+import { createLayer } from './layer';
+import { createViewport } from './viewport';
+
+export function create() {
+    createCache();
+    createFrame();
+    createLayer();
+    createViewport();
+}
+
 export * from './animate';
 export * from './block';
 export * from './cache';

packages/render-elements/src/layer.ts

@@ -1551,49 +1551,51 @@ export class Layer extends Container<ELayerEvent> {
 
 const layerAdapter = new RenderAdapter<Layer>('layer');
 
-const { hook } = Mota.require('@user/data-base');
+export function createLayer() {
+    const { hook } = Mota.require('@user/data-base');
 
-hook.on('setBlock', (x, y, floor, block) => {
-    const isNow = floor === core.status.floorId;
-    LayerGroupFloorBinder.activedBinder.forEach(v => {
-        if (floor === v.floor || (isNow && v.bindThisFloor)) {
-            v.setBlock('event', block, x, y);
-        }
-    });
-    LayerFloorBinder.listenedBinder.forEach(v => {
-        if (v.layer.layer === 'event') {
-            if (v.floor === floor || (isNow && v.bindThisFloor)) {
-                v.setBlock(block, x, y);
+    hook.on('setBlock', (x, y, floor, block) => {
+        const isNow = floor === core.status.floorId;
+        LayerGroupFloorBinder.activedBinder.forEach(v => {
+            if (floor === v.floor || (isNow && v.bindThisFloor)) {
+                v.setBlock('event', block, x, y);
             }
-        }
-    });
-});
-hook.on('changingFloor', floor => {
-    // 潜在隐患：如果putRenderData改成异步，那么会变成两帧后才能真正刷新并渲染
-    // 考虑到楼层转换一般不会同时执行很多次，因此这里改为立刻更新
-    LayerGroupFloorBinder.activedBinder.forEach(v => {
-        if (v.bindThisFloor) v.updateBindData();
-        v.emit('floorChange', floor);
-    });
-    LayerFloorBinder.listenedBinder.forEach(v => {
-        if (v.bindThisFloor) v.updateBindData();
-    });
-});
-hook.on('setBgFgBlock', (name, number, x, y, floor) => {
-    const isNow = floor === core.status.floorId;
-    LayerGroupFloorBinder.activedBinder.forEach(v => {
-        if (floor === v.floor || (isNow && v.bindThisFloor)) {
-            v.setBlock(name, number, x, y);
-        }
-    });
-    LayerFloorBinder.listenedBinder.forEach(v => {
-        if (v.layer.layer === name) {
-            if (v.floor === floor || (isNow && v.bindThisFloor)) {
-                v.setBlock(number, x, y);
+        });
+        LayerFloorBinder.listenedBinder.forEach(v => {
+            if (v.layer.layer === 'event') {
+                if (v.floor === floor || (isNow && v.bindThisFloor)) {
+                    v.setBlock(block, x, y);
+                }
             }
-        }
+        });
     });
-});
+    hook.on('changingFloor', floor => {
+        // 潜在隐患：如果putRenderData改成异步，那么会变成两帧后才能真正刷新并渲染
+        // 考虑到楼层转换一般不会同时执行很多次，因此这里改为立刻更新
+        LayerGroupFloorBinder.activedBinder.forEach(v => {
+            if (v.bindThisFloor) v.updateBindData();
+            v.emit('floorChange', floor);
+        });
+        LayerFloorBinder.listenedBinder.forEach(v => {
+            if (v.bindThisFloor) v.updateBindData();
+        });
+    });
+    hook.on('setBgFgBlock', (name, number, x, y, floor) => {
+        const isNow = floor === core.status.floorId;
+        LayerGroupFloorBinder.activedBinder.forEach(v => {
+            if (floor === v.floor || (isNow && v.bindThisFloor)) {
+                v.setBlock(name, number, x, y);
+            }
+        });
+        LayerFloorBinder.listenedBinder.forEach(v => {
+            if (v.layer.layer === name) {
+                if (v.floor === floor || (isNow && v.bindThisFloor)) {
+                    v.setBlock(number, x, y);
+                }
+            }
+        });
+    });
+}
 
 interface LayerGroupBinderEvent {
     update: [floor: FloorIds];

packages/render-elements/src/viewport.ts

@@ -346,7 +346,9 @@ adapter.receiveSync('endMove', item => {
     item.endMove();
 });
 
-const { hook } = Mota.require('@user/data-base');
-hook.on('changingFloor', (_, loc) => {
-    adapter.all('setPosition', loc.x, loc.y);
-});
+export function createViewport() {
+    const { hook } = Mota.require('@user/data-base');
+    hook.on('changingFloor', (_, loc) => {
+        adapter.all('setPosition', loc.x, loc.y);
+    });
+}