a716d8006c
* refactor(build): 重构 Web 构建管线，支持配置驱动的 Import Maps - 重构 WebBuildPipeline 支持 split-bundles 和 single-bundle 两种构建模式 - 使用 module.json 的 isCore 字段识别核心模块，消除硬编码列表 - 动态生成 Import Map，从模块清单的 name 字段获取包名映射 - 动态扫描 module.json 文件，不再依赖固定模块列表 - 添加 HTTP 服务器启动脚本 (start-server.bat/sh) 支持 ESM 模块 - 更新 BuildSettingsPanel UI 支持新的构建模式选项 - 添加多语言支持 (zh/en/es) * fix(build): 修复 Web 构建组件注册和用户脚本打包问题 主要修复: - 修复组件反序列化时找不到类型的问题 - @ECSComponent 装饰器现在自动注册到 ComponentRegistry - 添加未使用装饰器的组件警告 - 构建管线自动扫描用户脚本（无需入口文件） 架构改进: - 解决 Decorators ↔ ComponentRegistry 循环依赖 - 新建 ComponentTypeUtils.ts 作为底层无依赖模块 - 移除冗余的防御性 register 调用 - 统一 ComponentType 定义位置 * refactor(build): 统一 WASM 配置架构，移除硬编码 - 新增 wasmConfig 统一配置替代 wasmPaths/wasmBindings - wasmConfig.files 支持多候选源路径和明确目标路径 - wasmConfig.runtimePath 指定运行时加载路径 - 重构 _copyWasmFiles 使用统一配置 - HTML 生成使用配置中的 runtimePath - 移除 physics-rapier2d 的冗余 WASM 配置（由 rapier2d 负责） - IBuildFileSystem 新增 deleteFile 方法 * feat(build): 单文件构建模式完善和场景配置驱动 ## 主要改动 ### 单文件构建（single-file mode） - 修复 WASM 初始化问题，支持 initSync 同步初始化 - 配置驱动的 WASM 识别，通过 wasmConfig.isEngineCore 标识核心引擎模块 - 从 wasmConfig.files 动态获取 JS 绑定路径，消除硬编码 ### 场景配置 - 构建验证：必须选择至少一个场景才能构建 - 自动扫描：项目加载时扫描 scenes 目录 - 抽取 _filterScenesByWhitelist 公共方法统一过滤逻辑 ### 构建面板优化 - availableScenes prop 传递场景列表 - 场景复选框可点击切换启用状态 - 移除动态 import，使用 prop 传入数据 * chore(build): 补充构建相关的辅助改动 - 添加 BuildFileSystemService 的 listFilesByExtension 优化 - 更新 module.json 添加 externalDependencies 配置 - BrowserRuntime 支持 wasmModule 参数传递 - GameRuntime 添加 loadSceneFromData 方法 - Rust 构建命令更新 - 国际化文案更新 * feat(build): 持久化构建设置到项目配置 ## 设计架构 ### ProjectService 扩展 - 新增 BuildSettingsConfig 接口定义构建配置字段 - ProjectConfig 添加 buildSettings 字段 - 新增 getBuildSettings / updateBuildSettings 方法 ### BuildSettingsPanel - 组件挂载时从 projectService 加载已保存配置 - 设置变化时自动保存（500ms 防抖） - 场景选择状态与项目配置同步 ### 配置保存位置 保存在项目的 ecs-editor.config.json 中： - scenes: 选中的场景列表 - buildMode: 构建模式 - companyName/productName/version: 产品信息 - developmentBuild/sourceMap: 构建选项 * fix(editor): Ctrl+S 仅在主编辑区域触发保存场景 - 模态窗口打开时跳过（构建设置、设置、关于等） - 焦点在 input/textarea/contenteditable 时跳过 * fix(tests): 修复 ECS 测试中 Component 注册问题 - 为所有测试 Component 类添加 @ECSComponent 装饰器 - 移除 beforeEach 中的 ComponentRegistry.reset() 调用 - 将内联 Component 类移到文件顶层以支持装饰器 - 更新测试预期值匹配新的组件类型名称 - 添加缺失的 HierarchyComponent 导入 所有 1388 个测试现已通过。
399 lines
14 KiB
TypeScript
399 lines
14 KiB
TypeScript
import { ComponentSparseSet } from '../../../src/ECS/Utils/ComponentSparseSet';
|
|
import { Entity } from '../../../src/ECS/Entity';
|
|
import { Component } from '../../../src/ECS/Component';
|
|
import { Scene } from '../../../src/ECS/Scene';
|
|
import { ECSComponent } from '../../../src/ECS/Decorators';
|
|
|
|
// 测试组件类
|
|
@ECSComponent('SparseSet_PositionComponent')
|
|
class PositionComponent extends Component {
|
|
constructor(public x: number = 0, public y: number = 0) {
|
|
super();
|
|
}
|
|
}
|
|
|
|
@ECSComponent('SparseSet_VelocityComponent')
|
|
class VelocityComponent extends Component {
|
|
constructor(public dx: number = 0, public dy: number = 0) {
|
|
super();
|
|
}
|
|
}
|
|
|
|
@ECSComponent('SparseSet_HealthComponent')
|
|
class HealthComponent extends Component {
|
|
constructor(public health: number = 100, public maxHealth: number = 100) {
|
|
super();
|
|
}
|
|
}
|
|
|
|
@ECSComponent('SparseSet_RenderComponent')
|
|
class RenderComponent extends Component {
|
|
constructor(public visible: boolean = true) {
|
|
super();
|
|
}
|
|
}
|
|
|
|
describe('ComponentSparseSet', () => {
|
|
let componentSparseSet: ComponentSparseSet;
|
|
let entity1: Entity;
|
|
let entity2: Entity;
|
|
let entity3: Entity;
|
|
let scene: Scene;
|
|
|
|
beforeEach(() => {
|
|
componentSparseSet = new ComponentSparseSet();
|
|
scene = new Scene();
|
|
|
|
entity1 = scene.createEntity('entity1');
|
|
entity1.addComponent(new PositionComponent(10, 20));
|
|
entity1.addComponent(new VelocityComponent(1, 2));
|
|
|
|
entity2 = scene.createEntity('entity2');
|
|
entity2.addComponent(new PositionComponent(30, 40));
|
|
entity2.addComponent(new HealthComponent(80, 100));
|
|
|
|
entity3 = scene.createEntity('entity3');
|
|
entity3.addComponent(new VelocityComponent(3, 4));
|
|
entity3.addComponent(new HealthComponent(50, 100));
|
|
entity3.addComponent(new RenderComponent(true));
|
|
});
|
|
|
|
describe('基本实体操作', () => {
|
|
it('应该能添加实体', () => {
|
|
componentSparseSet.addEntity(entity1);
|
|
|
|
expect(componentSparseSet.size).toBe(1);
|
|
expect(componentSparseSet.getAllEntities()).toContain(entity1);
|
|
});
|
|
|
|
it('应该能移除实体', () => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
|
|
componentSparseSet.removeEntity(entity1);
|
|
|
|
expect(componentSparseSet.size).toBe(1);
|
|
expect(componentSparseSet.getAllEntities()).not.toContain(entity1);
|
|
expect(componentSparseSet.getAllEntities()).toContain(entity2);
|
|
});
|
|
|
|
it('应该处理重复添加实体', () => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity1);
|
|
|
|
expect(componentSparseSet.size).toBe(1);
|
|
});
|
|
|
|
it('应该处理移除不存在的实体', () => {
|
|
componentSparseSet.removeEntity(entity1);
|
|
|
|
expect(componentSparseSet.size).toBe(0);
|
|
});
|
|
});
|
|
|
|
describe('单组件查询', () => {
|
|
beforeEach(() => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
componentSparseSet.addEntity(entity3);
|
|
});
|
|
|
|
it('应该能查询Position组件', () => {
|
|
const entities = componentSparseSet.queryByComponent(PositionComponent);
|
|
|
|
expect(entities.size).toBe(2);
|
|
expect(entities.has(entity1)).toBe(true);
|
|
expect(entities.has(entity2)).toBe(true);
|
|
expect(entities.has(entity3)).toBe(false);
|
|
});
|
|
|
|
it('应该能查询Velocity组件', () => {
|
|
const entities = componentSparseSet.queryByComponent(VelocityComponent);
|
|
|
|
expect(entities.size).toBe(2);
|
|
expect(entities.has(entity1)).toBe(true);
|
|
expect(entities.has(entity2)).toBe(false);
|
|
expect(entities.has(entity3)).toBe(true);
|
|
});
|
|
|
|
it('应该能查询Health组件', () => {
|
|
const entities = componentSparseSet.queryByComponent(HealthComponent);
|
|
|
|
expect(entities.size).toBe(2);
|
|
expect(entities.has(entity1)).toBe(false);
|
|
expect(entities.has(entity2)).toBe(true);
|
|
expect(entities.has(entity3)).toBe(true);
|
|
});
|
|
|
|
it('应该能查询Render组件', () => {
|
|
const entities = componentSparseSet.queryByComponent(RenderComponent);
|
|
|
|
expect(entities.size).toBe(1);
|
|
expect(entities.has(entity3)).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe('多组件AND查询', () => {
|
|
beforeEach(() => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
componentSparseSet.addEntity(entity3);
|
|
});
|
|
|
|
it('应该能查询Position+Velocity组件', () => {
|
|
const entities = componentSparseSet.queryMultipleAnd([PositionComponent, VelocityComponent]);
|
|
|
|
expect(entities.size).toBe(1);
|
|
expect(entities.has(entity1)).toBe(true);
|
|
});
|
|
|
|
it('应该能查询Position+Health组件', () => {
|
|
const entities = componentSparseSet.queryMultipleAnd([PositionComponent, HealthComponent]);
|
|
|
|
expect(entities.size).toBe(1);
|
|
expect(entities.has(entity2)).toBe(true);
|
|
});
|
|
|
|
it('应该能查询Velocity+Health组件', () => {
|
|
const entities = componentSparseSet.queryMultipleAnd([VelocityComponent, HealthComponent]);
|
|
|
|
expect(entities.size).toBe(1);
|
|
expect(entities.has(entity3)).toBe(true);
|
|
});
|
|
|
|
it('应该能查询三个组件', () => {
|
|
const entities = componentSparseSet.queryMultipleAnd([
|
|
VelocityComponent,
|
|
HealthComponent,
|
|
RenderComponent
|
|
]);
|
|
|
|
expect(entities.size).toBe(1);
|
|
expect(entities.has(entity3)).toBe(true);
|
|
});
|
|
|
|
it('应该处理不存在的组合', () => {
|
|
const entities = componentSparseSet.queryMultipleAnd([
|
|
PositionComponent,
|
|
VelocityComponent,
|
|
HealthComponent,
|
|
RenderComponent
|
|
]);
|
|
|
|
expect(entities.size).toBe(0);
|
|
});
|
|
});
|
|
|
|
describe('多组件OR查询', () => {
|
|
beforeEach(() => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
componentSparseSet.addEntity(entity3);
|
|
});
|
|
|
|
it('应该能查询Position或Velocity组件', () => {
|
|
const entities = componentSparseSet.queryMultipleOr([PositionComponent, VelocityComponent]);
|
|
|
|
expect(entities.size).toBe(3);
|
|
expect(entities.has(entity1)).toBe(true);
|
|
expect(entities.has(entity2)).toBe(true);
|
|
expect(entities.has(entity3)).toBe(true);
|
|
});
|
|
|
|
it('应该能查询Health或Render组件', () => {
|
|
const entities = componentSparseSet.queryMultipleOr([HealthComponent, RenderComponent]);
|
|
|
|
expect(entities.size).toBe(2);
|
|
expect(entities.has(entity1)).toBe(false);
|
|
expect(entities.has(entity2)).toBe(true);
|
|
expect(entities.has(entity3)).toBe(true);
|
|
});
|
|
|
|
it('应该处理单个组件的OR查询', () => {
|
|
const entities = componentSparseSet.queryMultipleOr([RenderComponent]);
|
|
|
|
expect(entities.size).toBe(1);
|
|
expect(entities.has(entity3)).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe('组件检查', () => {
|
|
beforeEach(() => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
});
|
|
|
|
it('应该能检查实体是否有组件', () => {
|
|
expect(componentSparseSet.hasComponent(entity1, PositionComponent)).toBe(true);
|
|
expect(componentSparseSet.hasComponent(entity1, VelocityComponent)).toBe(true);
|
|
expect(componentSparseSet.hasComponent(entity1, HealthComponent)).toBe(false);
|
|
|
|
expect(componentSparseSet.hasComponent(entity2, PositionComponent)).toBe(true);
|
|
expect(componentSparseSet.hasComponent(entity2, HealthComponent)).toBe(true);
|
|
expect(componentSparseSet.hasComponent(entity2, VelocityComponent)).toBe(false);
|
|
});
|
|
|
|
it('应该处理不存在的实体', () => {
|
|
expect(componentSparseSet.hasComponent(entity3, PositionComponent)).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('位掩码操作', () => {
|
|
beforeEach(() => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
});
|
|
|
|
it('应该能获取实体的组件位掩码', () => {
|
|
const mask1 = componentSparseSet.getEntityMask(entity1);
|
|
const mask2 = componentSparseSet.getEntityMask(entity2);
|
|
|
|
expect(mask1).toBeDefined();
|
|
expect(mask2).toBeDefined();
|
|
expect(mask1).not.toEqual(mask2);
|
|
});
|
|
|
|
it('应该处理不存在的实体', () => {
|
|
const mask = componentSparseSet.getEntityMask(entity3);
|
|
expect(mask).toBeUndefined();
|
|
});
|
|
});
|
|
|
|
describe('遍历操作', () => {
|
|
beforeEach(() => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
});
|
|
|
|
it('应该能遍历所有实体', () => {
|
|
const entities: Entity[] = [];
|
|
const masks: any[] = [];
|
|
const indices: number[] = [];
|
|
|
|
componentSparseSet.forEach((entity, mask, index) => {
|
|
entities.push(entity);
|
|
masks.push(mask);
|
|
indices.push(index);
|
|
});
|
|
|
|
expect(entities.length).toBe(2);
|
|
expect(masks.length).toBe(2);
|
|
expect(indices).toEqual([0, 1]);
|
|
expect(entities).toContain(entity1);
|
|
expect(entities).toContain(entity2);
|
|
});
|
|
});
|
|
|
|
describe('工具方法', () => {
|
|
it('应该能检查空状态', () => {
|
|
expect(componentSparseSet.isEmpty).toBe(true);
|
|
|
|
componentSparseSet.addEntity(entity1);
|
|
expect(componentSparseSet.isEmpty).toBe(false);
|
|
});
|
|
|
|
it('应该能清空数据', () => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
|
|
componentSparseSet.clear();
|
|
|
|
expect(componentSparseSet.size).toBe(0);
|
|
expect(componentSparseSet.isEmpty).toBe(true);
|
|
});
|
|
|
|
it('应该提供内存统计', () => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
|
|
const stats = componentSparseSet.getMemoryStats();
|
|
|
|
expect(stats.entitiesMemory).toBeGreaterThan(0);
|
|
expect(stats.masksMemory).toBeGreaterThan(0);
|
|
expect(stats.mappingsMemory).toBeGreaterThan(0);
|
|
expect(stats.totalMemory).toBe(
|
|
stats.entitiesMemory + stats.masksMemory + stats.mappingsMemory
|
|
);
|
|
});
|
|
|
|
it('应该能验证数据结构完整性', () => {
|
|
componentSparseSet.addEntity(entity1);
|
|
componentSparseSet.addEntity(entity2);
|
|
componentSparseSet.removeEntity(entity1);
|
|
|
|
expect(componentSparseSet.validate()).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe('边界情况', () => {
|
|
it('应该处理空查询', () => {
|
|
componentSparseSet.addEntity(entity1);
|
|
|
|
const andResult = componentSparseSet.queryMultipleAnd([]);
|
|
const orResult = componentSparseSet.queryMultipleOr([]);
|
|
|
|
expect(andResult.size).toBe(0);
|
|
expect(orResult.size).toBe(0);
|
|
});
|
|
|
|
it('应该处理未注册的组件类型', () => {
|
|
class UnknownComponent extends Component {}
|
|
|
|
componentSparseSet.addEntity(entity1);
|
|
|
|
const entities = componentSparseSet.queryByComponent(UnknownComponent);
|
|
expect(entities.size).toBe(0);
|
|
});
|
|
|
|
it('应该正确处理实体组件变化', () => {
|
|
// 添加实体
|
|
componentSparseSet.addEntity(entity1);
|
|
expect(componentSparseSet.hasComponent(entity1, PositionComponent)).toBe(true);
|
|
|
|
// 移除组件后重新添加实体
|
|
entity1.removeComponentByType(PositionComponent);
|
|
componentSparseSet.addEntity(entity1);
|
|
|
|
expect(componentSparseSet.hasComponent(entity1, PositionComponent)).toBe(false);
|
|
expect(componentSparseSet.hasComponent(entity1, VelocityComponent)).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe('性能测试', () => {
|
|
it('应该处理大量实体操作', () => {
|
|
const entities: Entity[] = [];
|
|
|
|
// 创建大量实体
|
|
for (let i = 0; i < 1000; i++) {
|
|
const entity = scene.createEntity(`entity${i}`);
|
|
entity.addComponent(new PositionComponent(i, i));
|
|
|
|
if (i % 2 === 0) {
|
|
entity.addComponent(new VelocityComponent(1, 1));
|
|
}
|
|
if (i % 3 === 0) {
|
|
entity.addComponent(new HealthComponent(100, 100));
|
|
}
|
|
|
|
entities.push(entity);
|
|
componentSparseSet.addEntity(entity);
|
|
}
|
|
|
|
expect(componentSparseSet.size).toBe(1000);
|
|
|
|
// 查询性能测试
|
|
const positionEntities = componentSparseSet.queryByComponent(PositionComponent);
|
|
expect(positionEntities.size).toBe(1000);
|
|
|
|
const velocityEntities = componentSparseSet.queryByComponent(VelocityComponent);
|
|
expect(velocityEntities.size).toBe(500);
|
|
|
|
const healthEntities = componentSparseSet.queryByComponent(HealthComponent);
|
|
expect(healthEntities.size).toBeGreaterThan(300);
|
|
|
|
// AND查询
|
|
const posVelEntities = componentSparseSet.queryMultipleAnd([PositionComponent, VelocityComponent]);
|
|
expect(posVelEntities.size).toBe(500);
|
|
});
|
|
});
|
|
}); |