346 lines
11 KiB
TypeScript
346 lines
11 KiB
TypeScript
import { Component } from '@esengine/ecs-framework';
|
||
import { Node, Vec3, Color, Sprite, Label } from 'cc';
|
||
|
||
/**
|
||
* Node组件 - 包含Cocos Creator节点引用（已移除循环引用）
|
||
*/
|
||
export class NodeComponent extends Component {
|
||
/** Cocos Creator节点引用 */
|
||
public node: Node | null = null;
|
||
|
||
/** 子节点列表 */
|
||
public children: Node[] = [];
|
||
|
||
/** 节点配置信息 */
|
||
public nodeConfig: {
|
||
name: string;
|
||
layer: number;
|
||
tag: string;
|
||
userData: Record<string, any>;
|
||
transformData: {
|
||
position: Vec3;
|
||
rotation: Vec3;
|
||
scale: Vec3;
|
||
};
|
||
renderData: {
|
||
color: Color;
|
||
opacity: number;
|
||
visible: boolean;
|
||
};
|
||
parentId: number | null; // 避免循环引用：使用父节点实体ID
|
||
childIds: number[]; // 避免循环引用：使用子节点实体ID列表
|
||
};
|
||
|
||
/** 渲染组件引用 */
|
||
public sprite: Sprite | null = null;
|
||
public label: Label | null = null;
|
||
|
||
/** 复杂嵌套对象 */
|
||
public complexData: {
|
||
statistics: {
|
||
frameCount: number;
|
||
lastUpdateTime: number;
|
||
performance: {
|
||
avgRenderTime: number;
|
||
maxRenderTime: number;
|
||
renderHistory: number[];
|
||
};
|
||
};
|
||
cache: {
|
||
textureCache: Map<string, any>;
|
||
materialCache: Map<string, any>;
|
||
shaderCache: Map<string, any>;
|
||
};
|
||
hierarchy: {
|
||
parentId: number | null; // 避免循环引用：使用ID
|
||
rootId: number | null; // 避免循环引用：使用ID
|
||
depth: number;
|
||
siblingIndex: number;
|
||
};
|
||
animation: {
|
||
isPlaying: boolean;
|
||
currentFrame: number;
|
||
totalFrames: number;
|
||
loopCount: number;
|
||
animationQueue: Array<{
|
||
name: string;
|
||
duration: number;
|
||
delay: number;
|
||
easing: string;
|
||
}>;
|
||
};
|
||
interaction: {
|
||
isInteractable: boolean;
|
||
touchEnabled: boolean;
|
||
hitTestResults: Array<{
|
||
position: Vec3;
|
||
timestamp: number;
|
||
result: boolean;
|
||
}>;
|
||
boundingBox: {
|
||
min: Vec3;
|
||
max: Vec3;
|
||
center: Vec3;
|
||
};
|
||
};
|
||
};
|
||
|
||
/** 复杂的渲染状态 */
|
||
public renderState: {
|
||
layerInfo: {
|
||
currentLayer: number;
|
||
layerStack: number[];
|
||
sortingOrder: number;
|
||
cullingMask: number;
|
||
};
|
||
materials: Array<{
|
||
materialId: string;
|
||
properties: Map<string, any>;
|
||
textures: Map<string, any>;
|
||
shaderParams: Record<string, any>;
|
||
}>;
|
||
lightingData: {
|
||
ambientColor: Color;
|
||
diffuseColor: Color;
|
||
specularColor: Color;
|
||
lightDirection: Vec3;
|
||
shadowData: {
|
||
castShadows: boolean;
|
||
receiveShadows: boolean;
|
||
shadowQuality: 'low' | 'medium' | 'high';
|
||
shadowDistance: number;
|
||
};
|
||
};
|
||
};
|
||
|
||
constructor(name: string = "DefaultNode") {
|
||
super();
|
||
|
||
this.nodeConfig = {
|
||
name: name,
|
||
layer: 0,
|
||
tag: "default",
|
||
userData: {},
|
||
transformData: {
|
||
position: new Vec3(),
|
||
rotation: new Vec3(),
|
||
scale: new Vec3(1, 1, 1)
|
||
},
|
||
renderData: {
|
||
color: new Color(255, 255, 255, 255),
|
||
opacity: 1.0,
|
||
visible: true
|
||
},
|
||
parentId: null,
|
||
childIds: []
|
||
};
|
||
|
||
this.complexData = {
|
||
statistics: {
|
||
frameCount: 0,
|
||
lastUpdateTime: 0,
|
||
performance: {
|
||
avgRenderTime: 0,
|
||
maxRenderTime: 0,
|
||
renderHistory: []
|
||
}
|
||
},
|
||
cache: {
|
||
textureCache: new Map(),
|
||
materialCache: new Map(),
|
||
shaderCache: new Map()
|
||
},
|
||
hierarchy: {
|
||
parentId: null,
|
||
rootId: null,
|
||
depth: 0,
|
||
siblingIndex: 0
|
||
},
|
||
animation: {
|
||
isPlaying: false,
|
||
currentFrame: 0,
|
||
totalFrames: 60,
|
||
loopCount: 0,
|
||
animationQueue: []
|
||
},
|
||
interaction: {
|
||
isInteractable: true,
|
||
touchEnabled: true,
|
||
hitTestResults: [],
|
||
boundingBox: {
|
||
min: new Vec3(-1, -1, -1),
|
||
max: new Vec3(1, 1, 1),
|
||
center: new Vec3()
|
||
}
|
||
}
|
||
};
|
||
|
||
this.renderState = {
|
||
layerInfo: {
|
||
currentLayer: 0,
|
||
layerStack: [0],
|
||
sortingOrder: 0,
|
||
cullingMask: 0xFFFFFFFF
|
||
},
|
||
materials: [],
|
||
lightingData: {
|
||
ambientColor: new Color(128, 128, 128, 255),
|
||
diffuseColor: new Color(255, 255, 255, 255),
|
||
specularColor: new Color(255, 255, 255, 255),
|
||
lightDirection: new Vec3(0, -1, 0),
|
||
shadowData: {
|
||
castShadows: true,
|
||
receiveShadows: true,
|
||
shadowQuality: 'medium',
|
||
shadowDistance: 100
|
||
}
|
||
}
|
||
};
|
||
}
|
||
|
||
/**
|
||
* 设置父节点组件（避免循环引用）
|
||
*/
|
||
public setParent(parentEntityId: number): void {
|
||
this.nodeConfig.parentId = parentEntityId;
|
||
this.complexData.hierarchy.parentId = parentEntityId;
|
||
// 深度需要通过其他方式计算，避免引用
|
||
}
|
||
|
||
/**
|
||
* 添加子节点
|
||
*/
|
||
public addChild(childEntityId: number): void {
|
||
if (!this.nodeConfig.childIds.includes(childEntityId)) {
|
||
this.nodeConfig.childIds.push(childEntityId);
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 更新性能统计
|
||
*/
|
||
public updatePerformance(renderTime: number): void {
|
||
this.complexData.statistics.frameCount++;
|
||
this.complexData.statistics.lastUpdateTime = Date.now();
|
||
|
||
const perf = this.complexData.statistics.performance;
|
||
perf.renderHistory.push(renderTime);
|
||
|
||
// 保持历史记录在合理范围内
|
||
if (perf.renderHistory.length > 100) {
|
||
perf.renderHistory.shift();
|
||
}
|
||
|
||
// 计算平均值和最大值
|
||
perf.avgRenderTime = perf.renderHistory.reduce((a, b) => a + b, 0) / perf.renderHistory.length;
|
||
perf.maxRenderTime = Math.max(perf.maxRenderTime, renderTime);
|
||
}
|
||
|
||
/**
|
||
* 更新动画状态
|
||
*/
|
||
public updateAnimation(deltaTime: number): void {
|
||
if (this.complexData.animation.isPlaying) {
|
||
this.complexData.animation.currentFrame++;
|
||
|
||
if (this.complexData.animation.currentFrame >= this.complexData.animation.totalFrames) {
|
||
this.complexData.animation.currentFrame = 0;
|
||
this.complexData.animation.loopCount++;
|
||
|
||
// 处理动画队列
|
||
if (this.complexData.animation.animationQueue.length > 0) {
|
||
const nextAnim = this.complexData.animation.animationQueue.shift();
|
||
if (nextAnim) {
|
||
this.complexData.animation.totalFrames = Math.floor(nextAnim.duration * 60); // 假设60FPS
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 添加材质
|
||
*/
|
||
public addMaterial(materialId: string, properties: Record<string, any>): void {
|
||
this.renderState.materials.push({
|
||
materialId,
|
||
properties: new Map(Object.entries(properties)),
|
||
textures: new Map(),
|
||
shaderParams: {}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 更新包围盒
|
||
*/
|
||
public updateBoundingBox(): void {
|
||
if (this.node) {
|
||
const worldPos = this.node.getWorldPosition();
|
||
const scale = this.node.getScale();
|
||
|
||
this.complexData.interaction.boundingBox.center = new Vec3(worldPos.x, worldPos.y, worldPos.z);
|
||
this.complexData.interaction.boundingBox.min = new Vec3(
|
||
worldPos.x - scale.x * 0.5,
|
||
worldPos.y - scale.y * 0.5,
|
||
worldPos.z - scale.z * 0.5
|
||
);
|
||
this.complexData.interaction.boundingBox.max = new Vec3(
|
||
worldPos.x + scale.x * 0.5,
|
||
worldPos.y + scale.y * 0.5,
|
||
worldPos.z + scale.z * 0.5
|
||
);
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 执行点击测试
|
||
*/
|
||
public hitTest(point: Vec3): boolean {
|
||
const bbox = this.complexData.interaction.boundingBox;
|
||
const result = point.x >= bbox.min.x && point.x <= bbox.max.x &&
|
||
point.y >= bbox.min.y && point.y <= bbox.max.y &&
|
||
point.z >= bbox.min.z && point.z <= bbox.max.z;
|
||
|
||
// 记录测试结果
|
||
this.complexData.interaction.hitTestResults.push({
|
||
position: new Vec3(point.x, point.y, point.z),
|
||
timestamp: Date.now(),
|
||
result
|
||
});
|
||
|
||
// 限制历史记录大小
|
||
if (this.complexData.interaction.hitTestResults.length > 50) {
|
||
this.complexData.interaction.hitTestResults.shift();
|
||
}
|
||
|
||
return result;
|
||
}
|
||
|
||
/**
|
||
* 重置组件
|
||
*/
|
||
public reset(): void {
|
||
this.node = null;
|
||
this.children = [];
|
||
this.sprite = null;
|
||
this.label = null;
|
||
|
||
// 清理ID列表（不再需要处理循环引用）
|
||
this.nodeConfig.parentId = null;
|
||
this.nodeConfig.childIds = [];
|
||
this.complexData.hierarchy.parentId = null;
|
||
this.complexData.hierarchy.rootId = null;
|
||
this.complexData.hierarchy.depth = 0;
|
||
|
||
this.complexData.cache.textureCache.clear();
|
||
this.complexData.cache.materialCache.clear();
|
||
this.complexData.cache.shaderCache.clear();
|
||
|
||
this.complexData.animation.isPlaying = false;
|
||
this.complexData.animation.currentFrame = 0;
|
||
this.complexData.animation.animationQueue = [];
|
||
|
||
this.complexData.interaction.hitTestResults = [];
|
||
this.renderState.materials = [];
|
||
}
|
||
}
|