feat: 添加跨平台运行时、资产系统和UI适配功能 (#256)

* feat(platform-common): 添加WASM加载器和环境检测API

* feat(rapier2d): 新增Rapier2D WASM绑定包

* feat(physics-rapier2d): 添加跨平台WASM加载器

* feat(asset-system): 添加运行时资产目录和bundle格式

* feat(asset-system-editor): 新增编辑器资产管理包

* feat(editor-core): 添加构建系统和模块管理

* feat(editor-app): 重构浏览器预览使用import maps

* feat(platform-web): 添加BrowserRuntime和资产读取

* feat(engine): 添加材质系统和着色器管理

* feat(material): 新增材质系统和着色器编辑器

* feat(tilemap): 增强tilemap编辑器和动画系统

* feat(modules): 添加module.json配置

* feat(core): 添加module.json和类型定义更新

* chore: 更新依赖和构建配置

* refactor(plugins): 更新插件模板使用ModuleManifest

* chore: 添加第三方依赖库

* chore: 移除BehaviourTree-ai和ecs-astar子模块

* docs: 更新README和文档主题样式

* fix: 修复Rust文档测试和添加rapier2d WASM绑定

* fix(tilemap-editor): 修复画布高DPI屏幕分辨率适配问题

* feat(ui): 添加UI屏幕适配系统(CanvasScaler/SafeArea)

* fix(ecs-engine-bindgen): 添加缺失的ecs-framework-math依赖

* fix: 添加缺失的包依赖修复CI构建

* fix: 修复CodeQL检测到的代码问题

* fix: 修复构建错误和缺失依赖

* fix: 修复类型检查错误

* fix(material-system): 修复tsconfig配置支持TypeScript项目引用

* fix(editor-core): 修复Rollup构建配置添加tauri external

* fix: 修复CodeQL检测到的代码问题

* fix: 修复CodeQL检测到的代码问题

packages/tilemap/src/loaders/TilemapLoader.ts

@@ -4,11 +4,10 @@
  */
 
 import {
-    IAssetLoadOptions,
-    IAssetMetadata,
-    IAssetLoadResult,
-    AssetLoadError,
-    IAssetLoader
+    IAssetLoader,
+    IAssetContent,
+    IAssetParseContext,
+    AssetContentType
 } from '@esengine/asset-system';
 import { TilemapAssetType } from '../constants';
 
@@ -39,6 +38,8 @@ export interface ITilemapAsset {
         visible: boolean;
         opacity: number;
         data?: number[];
+        /** 材质路径 */
+        materialPath?: string;
     }>;
     /** 碰撞数据（可选） */
     collisionData?: number[];
@@ -53,78 +54,26 @@ export interface ITilemapAsset {
 export class TilemapLoader implements IAssetLoader<ITilemapAsset> {
     readonly supportedType = TilemapAssetType;
     readonly supportedExtensions = ['.tilemap.json', '.tilemap'];
+    readonly contentType: AssetContentType = 'text';
 
     /**
-     * Load tilemap asset
-     * 加载瓦片地图资产
+     * Parse tilemap asset from text content
+     * 从文本内容解析瓦片地图资产
      */
-    async load(
-        path: string,
-        metadata: IAssetMetadata,
-        options?: IAssetLoadOptions
-    ): Promise<IAssetLoadResult<ITilemapAsset>> {
-        const startTime = performance.now();
-
-        try {
-            const response = await this.fetchWithTimeout(path, options?.timeout);
-
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
-            }
-
-            const jsonData = await response.json() as ITilemapAsset;
-
-            // 验证必要字段
-            if (!jsonData.width || !jsonData.height || !jsonData.data) {
-                throw new Error('Invalid tilemap format: missing required fields');
-            }
-
-            return {
-                asset: jsonData,
-                handle: 0,
-                metadata,
-                loadTime: performance.now() - startTime
-            };
-        } catch (error) {
-            if (error instanceof Error) {
-                throw new AssetLoadError(
-                    `Failed to load tilemap: ${error.message}`,
-                    metadata.guid,
-                    TilemapAssetType,
-                    error
-                );
-            }
-            throw AssetLoadError.fileNotFound(metadata.guid, path);
+    async parse(content: IAssetContent, _context: IAssetParseContext): Promise<ITilemapAsset> {
+        if (!content.text) {
+            throw new Error('Tilemap content is empty');
         }
-    }
 
-    /**
-     * Fetch with timeout
-     * 带超时的fetch
-     */
-    private async fetchWithTimeout(url: string, timeout = 30000): Promise<Response> {
-        const controller = new AbortController();
-        const timeoutId = setTimeout(() => controller.abort(), timeout);
+        const jsonData = JSON.parse(content.text) as ITilemapAsset;
 
-        try {
-            const response = await fetch(url, {
-                signal: controller.signal,
-                mode: 'cors',
-                credentials: 'same-origin'
-            });
-            return response;
-        } finally {
-            clearTimeout(timeoutId);
+        // 验证必要字段
+        // Validate required fields
+        if (!jsonData.width || !jsonData.height || !jsonData.data) {
+            throw new Error('Invalid tilemap format: missing required fields');
         }
-    }
 
-    /**
-     * Validate if the loader can handle this asset
-     * 验证加载器是否可以处理此资产
-     */
-    canLoad(path: string, _metadata: IAssetMetadata): boolean {
-        const lowerPath = path.toLowerCase();
-        return this.supportedExtensions.some(ext => lowerPath.endsWith(ext));
+        return jsonData;
     }
 
     /**

packages/tilemap/src/loaders/TilesetLoader.ts

@@ -4,11 +4,10 @@
  */
 
 import {
-    IAssetLoadOptions,
-    IAssetMetadata,
-    IAssetLoadResult,
-    AssetLoadError,
-    IAssetLoader
+    IAssetLoader,
+    IAssetContent,
+    IAssetParseContext,
+    AssetContentType
 } from '@esengine/asset-system';
 import { TilesetAssetType } from '../constants';
 
@@ -56,89 +55,38 @@ export interface ITilesetAsset {
 export class TilesetLoader implements IAssetLoader<ITilesetAsset> {
     readonly supportedType = TilesetAssetType;
     readonly supportedExtensions = ['.tileset.json', '.tileset'];
+    readonly contentType: AssetContentType = 'text';
 
     /**
-     * Load tileset asset
-     * 加载瓦片集资产
+     * Parse tileset asset from text content
+     * 从文本内容解析瓦片集资产
      */
-    async load(
-        path: string,
-        metadata: IAssetMetadata,
-        options?: IAssetLoadOptions
-    ): Promise<IAssetLoadResult<ITilesetAsset>> {
-        const startTime = performance.now();
-
-        try {
-            const response = await this.fetchWithTimeout(path, options?.timeout);
-
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
-            }
-
-            const jsonData = await response.json() as ITilesetAsset;
-
-            // 验证必要字段
-            if (!jsonData.tileWidth || !jsonData.tileHeight || !jsonData.image) {
-                throw new Error('Invalid tileset format: missing required fields');
-            }
-
-            // 计算派生字段（如果未提供）
-            if (!jsonData.columns && jsonData.imageWidth) {
-                jsonData.columns = Math.floor(jsonData.imageWidth / jsonData.tileWidth);
-            }
-            if (!jsonData.rows && jsonData.imageHeight) {
-                jsonData.rows = Math.floor(jsonData.imageHeight / jsonData.tileHeight);
-            }
-            if (!jsonData.tileCount && jsonData.columns && jsonData.rows) {
-                jsonData.tileCount = jsonData.columns * jsonData.rows;
-            }
-
-            return {
-                asset: jsonData,
-                handle: 0,
-                metadata,
-                loadTime: performance.now() - startTime
-            };
-        } catch (error) {
-            if (error instanceof Error) {
-                throw new AssetLoadError(
-                    `Failed to load tileset: ${error.message}`,
-                    metadata.guid,
-                    TilesetAssetType,
-                    error
-                );
-            }
-            throw AssetLoadError.fileNotFound(metadata.guid, path);
+    async parse(content: IAssetContent, _context: IAssetParseContext): Promise<ITilesetAsset> {
+        if (!content.text) {
+            throw new Error('Tileset content is empty');
         }
-    }
 
-    /**
-     * Fetch with timeout
-     * 带超时的fetch
-     */
-    private async fetchWithTimeout(url: string, timeout = 30000): Promise<Response> {
-        const controller = new AbortController();
-        const timeoutId = setTimeout(() => controller.abort(), timeout);
+        const jsonData = JSON.parse(content.text) as ITilesetAsset;
 
-        try {
-            const response = await fetch(url, {
-                signal: controller.signal,
-                mode: 'cors',
-                credentials: 'same-origin'
-            });
-            return response;
-        } finally {
-            clearTimeout(timeoutId);
+        // 验证必要字段
+        // Validate required fields
+        if (!jsonData.tileWidth || !jsonData.tileHeight || !jsonData.image) {
+            throw new Error('Invalid tileset format: missing required fields');
         }
-    }
 
-    /**
-     * Validate if the loader can handle this asset
-     * 验证加载器是否可以处理此资产
-     */
-    canLoad(path: string, _metadata: IAssetMetadata): boolean {
-        const lowerPath = path.toLowerCase();
-        return this.supportedExtensions.some(ext => lowerPath.endsWith(ext));
+        // 计算派生字段（如果未提供）
+        // Calculate derived fields if not provided
+        if (!jsonData.columns && jsonData.imageWidth) {
+            jsonData.columns = Math.floor(jsonData.imageWidth / jsonData.tileWidth);
+        }
+        if (!jsonData.rows && jsonData.imageHeight) {
+            jsonData.rows = Math.floor(jsonData.imageHeight / jsonData.tileHeight);
+        }
+        if (!jsonData.tileCount && jsonData.columns && jsonData.rows) {
+            jsonData.tileCount = jsonData.columns * jsonData.rows;
+        }
+
+        return jsonData;
     }
 
     /**