package.json

@@ -10,7 +10,7 @@
         "type": "vue-tsc --noEmit",
         "lines": "tsx script/lines.ts packages packages-user",
         "build:packages": "vue-tsc --noEmit && tsx script/build-packages.ts",
-        "build:game": "tsx script/declare.ts && vue-tsc --noEmit && tsx script/build-game.ts",
+        "build:game": "vue-tsc --noEmit && tsx script/build-game.ts",
         "build:lib": "vue-tsc --noEmit && tsx script/build-lib.ts",
         "docs:dev": "concurrently -k -n SIDEBAR,VITEPRESS -c blue,green \"tsx docs/.vitepress/api.ts\" \"vitepress dev docs\"",
         "docs:build": "vitepress build docs",

packages-user/entry-data/src/index.ts

@@ -3,20 +3,12 @@ import { create } from './create';
 import { patchAll } from '@user/data-fallback';
 import { loading } from '@user/data-base';
 import { Patch } from '@motajs/legacy-common';
-import { logger } from '@motajs/common';
 
 export function createData() {
     createMota();
     patchAll();
     create();
 
-    if (main.replayChecking) {
-        logger.log(
-            `如果需要调试录像验证，请在 script/build-game.ts 中将 DEBUG_REPLAY 设为 true，` +
-                `此时录像验证中可以看到完整正确的报错栈。调试完毕后，记得将它重新设为 false`
-        );
-    }
-
     loading.once('coreInit', () => {
         Patch.patchAll();
     });

packages/render-assets/src/composer.ts

@@ -21,7 +21,7 @@ import { isNil } from 'lodash-es';
 
 interface IndexMarkedComposedData {
     /** 组合数据 */
-    readonly asset: ITextureComposedData;
+    readonly data: ITextureComposedData;
     /** 组合时最后一个用到的贴图的索引 */
     readonly index: number;
 }
@@ -33,37 +33,75 @@ type TranslatedComposer<D, T> = ITextureComposer<
 >;
 
 export interface IGridComposerData {
+    /** 单张图集的最大宽度 */
+    readonly maxWidth: number;
+    /** 单张图集的最大高度 */
+    readonly maxHeight: number;
     /** 单个贴图的宽度，与之不同的贴图将会被剔除并警告 */
     readonly width: number;
     /** 单个贴图的宽度，与之不同的贴图将会被剔除并警告 */
     readonly height: number;
 }
 
-export class TextureGridComposer<T>
+interface GridNeededSize {
-    implements TranslatedComposer<IGridComposerData, T>
+    /** 图集宽度 */
-{
+    readonly width: number;
+    /** 图集高度 */
+    readonly height: number;
+    /** 一共有多少行 */
+    readonly rows: number;
+    /** 一共有多少列 */
+    readonly cols: number;
+}
+
 /**
  * 网格组合器，将等大小的贴图组合成图集，要求每个贴图的尺寸一致。
  * 组合时按照先从左到右，再从上到下的顺序组合。
-     * @param maxWidth 图集最大宽度，也是输出纹理的宽度
-     * @param maxHeight 图集最大高度，也是输出纹理的高度
  */
-    constructor(
+export class TextureGridComposer<T>
-        readonly maxWidth: number,
+    implements TranslatedComposer<IGridComposerData, T>
-        readonly maxHeight: number
+{
-    ) {}
+    private getNeededSize(
+        tex: ITexture[],
+        start: number,
+        data: IGridComposerData
+    ): GridNeededSize {
+        const maxRows = Math.floor(data.maxWidth / data.width);
+        const maxCols = Math.floor(data.maxHeight / data.height);
+        const rest = tex.length - start;
+        if (rest >= maxRows * maxCols) {
+            const size: GridNeededSize = {
+                width: data.maxWidth,
+                height: data.maxHeight,
+                rows: maxRows,
+                cols: maxCols
+            };
+            return size;
+        } else {
+            const aspect = data.height / data.width;
+            const cols = Math.ceil(Math.sqrt(rest * aspect));
+            const rows = Math.ceil(rest / cols);
+            const size: GridNeededSize = {
+                width: cols * data.width,
+                height: rows * data.height,
+                rows,
+                cols
+            };
+            return size;
+        }
+    }
 
     private nextAsset(
         tex: ITexture[],
         start: number,
-        data: IGridComposerData,
+        data: IGridComposerData
-        rows: number,
-        cols: number
     ): IndexMarkedComposedData {
+        const size = this.getNeededSize(tex, start, data);
+        const { width, height, rows, cols } = size;
         const canvas = document.createElement('canvas');
         const ctx = canvas.getContext('2d')!;
-        canvas.width = this.maxWidth;
+        canvas.width = width;
-        canvas.height = this.maxHeight;
+        canvas.height = height;
 
         const count = Math.min(rows * cols, tex.length - start);
         const map = new Map<ITexture, IRect>();
@@ -93,7 +131,7 @@ export class TextureGridComposer<T>
             assetMap: map
         };
 
-        return { asset: composed, index: start + count };
+        return { data: composed, index: start + count };
     }
 
     *compose(
@@ -102,13 +140,10 @@ export class TextureGridComposer<T>
     ): Generator<ITextureComposedData> {
         const arr = [...input];
 
-        const rows = Math.floor(this.maxWidth / data.width);
-        const cols = Math.floor(this.maxHeight / data.height);
-
         let i = 0;
 
         while (i < arr.length) {
-            const { asset, index } = this.nextAsset(arr, i, data, rows, cols);
+            const { data: asset, index } = this.nextAsset(arr, i, data);
             i = index + 1;
             yield asset;
         }
@@ -125,15 +160,13 @@ interface MaxRectsRectangle extends IRectangle {
     readonly data: ITexture;
 }
 
-export class TextureMaxRectsComposer<T>
-    implements TranslatedComposer<IMaxRectsComposerData, T>
-{
 /**
  * 使用 Max Rects 算法执行贴图整合，输入数据参考 {@link IMaxRectsComposerData}，
  * 输出的纹理的图像源将会是不同的画布，注意与 {@link TextureMaxRectsWebGL2Composer} 区分
-     * @param maxWidth 图集最大宽度，也是输出纹理的宽度
-     * @param maxHeight 图集最大高度，也是输出纹理的高度
  */
+export class TextureMaxRectsComposer<T>
+    implements TranslatedComposer<IMaxRectsComposerData, T>
+{
     constructor(
         public readonly maxWidth: number,
         public readonly maxHeight: number
@@ -162,8 +195,8 @@ export class TextureMaxRectsComposer<T>
             const map = new Map<ITexture, IRect>();
             const canvas = document.createElement('canvas');
             const ctx = canvas.getContext('2d')!;
-            canvas.width = this.maxWidth;
+            canvas.width = bin.width;
-            canvas.height = this.maxHeight;
+            canvas.height = bin.height;
             ctx.imageSmoothingEnabled = false;
             bin.rects.forEach(v => {
                 const rect: IRect = { x: v.x, y: v.y, w: v.width, h: v.height };
@@ -193,6 +226,12 @@ interface RectProcessed {
     readonly attrib: Float32Array;
 }
 
+/**
+ * 使用 Max Rects 算法执行贴图整合，输入数据参考 {@link IMaxRectsComposerData}，
+ * 要求每个贴图的图像源尺寸一致，贴图大小可以不同。
+ * 注意，本组合器同时只能处理一个组合操作，上一个没执行完的时候再次调用 `compose` 会出现问题。
+ * 所有输出的内容中，贴图对象的图像源都是同一个画布，因此获取后要么直接使用，要么立刻调用 `toBitmap`
+ */
 export class TextureMaxRectsWebGL2Composer<T>
     implements TranslatedComposer<IMaxRectsComposerData, T>
 {
@@ -218,15 +257,6 @@ export class TextureMaxRectsWebGL2Composer<T>
     /** 本次处理的贴图高度 */
     private opHeight: number = 0;
 
-    /**
-     * 使用 Max Rects 算法执行贴图整合，使用 WebGL2 执行组合操作。
-     * 输入数据参考 {@link IMaxRectsComposerData}，要求每个贴图的图像源尺寸一致，贴图大小可以不同。
-     * 注意，本组合器同时只能处理一个组合操作，上一个没执行完的时候再次调用 `compose` 会出现问题。
-     * 所有输出的内容中，贴图对象的图像源都是同一个画布，因此获取后要么直接使用，要么立刻调用 `toBitmap`,
-     * 否则在下一次调用 `next` 时，图像源将会被覆盖。
-     * @param maxWidth 图集最大宽度，也是输出纹理的宽度
-     * @param maxHeight 图集最大高度，也是输出纹理的高度
-     */
     constructor(
         public readonly maxWidth: number,
         public readonly maxHeight: number

packages/render-assets/src/texture.ts

@@ -50,7 +50,7 @@ export class Texture<T = unknown, A = unknown> implements ITexture<T, A> {
 
     async toBitmap(): Promise<void> {
         if (this.source instanceof ImageBitmap) return;
-        this.source = await createImageBitmap(this.source);
+        this.source = await createImageBitmap(this.source as any);
     }
 
     split<U>(splitter: ITextureSplitter<U>, data: U): Generator<ITexture> {

script/build-game.ts

@@ -13,9 +13,6 @@ import { RequiredData, RequiredIconsData, ResourceType } from './types';
 import { splitResource, SplittedResource } from './build-resource';
 import { formatSize } from './utils';
 
-/** 打包调试 */
-const DEBUG_BUILD = false;
-/** 录像验证调试 */
 const DEBUG_REPLAY = false;
 
 const ansi = {
@@ -55,7 +52,6 @@ async function buildClient(outDir: string) {
         build: {
             outDir,
             copyPublicDir: true,
-            minify: !DEBUG_BUILD,
             rollupOptions: {
                 external: ['@wasm-audio-decoders/opus-ml'],
                 output: {

script/dev.ts

@@ -559,7 +559,7 @@ async function doDeclaration(type: string, data: string) {
             num2id += '}';
             await writeFile('src/types/source/cls.d.ts', id2cls, 'utf-8');
             await writeFile(
-                'src/types/source/maps.d.ts',
+                'src/source/maps.d.ts',
                 `${id2num}\n${num2id}`,
                 'utf-8'
             );