// 通过脚本动态修改材质属性进行调试
@ccclass('ShaderDebugger')
export class ShaderDebugger extends Component {
    @property(MeshRenderer)
    meshRenderer: MeshRenderer = null!;
    
    @property
    debugFloat: number = 0.5;
    
    @property({ type: Color })
    debugColor: Color = Color.WHITE;
    
    update() {
        const material = this.meshRenderer.getMaterial(0);
        if (material) {
            // 实时更新着色器参数
            material.setProperty('debugFloat', this.debugFloat);
            material.setProperty('debugColor', this.debugColor);
        }
    }
}

// 启用线框模式查看几何结构
@ccclass('WireframeDebugger')
export class WireframeDebugger extends Component {
    @property(MeshRenderer)
    meshRenderer: MeshRenderer = null!;
    
    @property
    wireframe: boolean = false;
    
    update() {
        const material = this.meshRenderer.getMaterial(0);
        if (material) {
            // 注意：需要在材质中支持线框模式
            material.setProperty('wireframe', this.wireframe ? 1.0 : 0.0);
        }
    }
}

@ccclass('ShaderPerformanceMonitor')
export class ShaderPerformanceMonitor extends Component {
    private frameTime: number = 0;
    private gpuTime: number = 0;
    
    update(dt: number) {
        this.frameTime = dt;
        
        // 监控GPU使用情况
        if (sys.isBrowser) {
            this.monitorWebGLPerformance();
        }
    }
    
    private monitorWebGLPerformance() {
        // WebGL性能监控
        const gl = director.root!.device.gl as WebGLRenderingContext;
        if (gl) {
            // 检查WebGL扩展
            const ext = gl.getExtension('EXT_disjoint_timer_query');
            if (ext) {
                // 使用定时器查询GPU性能
                // 实际实现需要更复杂的逻辑
            }
        }
    }
}

@ccclass('MemoryMonitor')
export class MemoryMonitor extends Component {
    private _memoryInfo: any = {};
    
    start() {
        // 定期检查内存使用
        this.schedule(this.checkMemoryUsage, 1.0);
    }
    
    private checkMemoryUsage() {
        // 检查JavaScript堆内存
        if (sys.isBrowser && (performance as any).memory) {
            this._memoryInfo = (performance as any).memory;
            console.log('Memory Usage:', this._memoryInfo);
        }
        
        // 检查纹理内存
        this.checkTextureMemory();
        
        // 检查材质实例数量
        this.checkMaterialInstances();
    }
    
    private checkTextureMemory() {
        // 统计纹理内存使用
        const textures = director.root!.device.textureCache;
        let totalTextureMemory = 0;
        
        // 计算纹理内存占用
        // 实际实现需要遍历纹理缓存
        console.log('Texture Memory:', totalTextureMemory);
    }
    
    private checkMaterialInstances() {
        // 统计材质实例数量
        const renderers = this.node.scene!.getComponentsInChildren(MeshRenderer);
        let materialCount = 0;
        
        renderers.forEach(renderer => {
            for (let i = 0; i < renderer.materials.length; i++) {
                if (renderer.materials[i]) {
                    materialCount++;
                }
            }
        });
        
        console.log('Active Materials:', materialCount);
    }
}

@ccclass('RuntimeShaderDebugger')
export class RuntimeShaderDebugger extends Component {
    @property(MeshRenderer)
    meshRenderer: MeshRenderer = null!;
    
    @property({ type: Enum({
        OFF: 0,
        NORMAL: 1,
        UV: 2,
        DEPTH: 3,
        LIGHTING: 4
    }) })
    debugMode: number = 0;
    
    private debugMaterial: Material | null = null;
    private originalMaterial: Material | null = null;
    
    start() {
        // 保存原始材质
        this.originalMaterial = this.meshRenderer.getMaterial(0);
        
        // 创建调试材质
        this.createDebugMaterial();
    }
    
    update() {
        if (this.debugMode === 0) {
            // 使用原始材质
            if (this.originalMaterial) {
                this.meshRenderer.setMaterial(this.originalMaterial, 0);
            }
        } else {
            // 使用调试材质
            if (this.debugMaterial) {
                this.debugMaterial.setProperty('debugMode', this.debugMode);
                this.meshRenderer.setMaterial(this.debugMaterial, 0);
            }
        }
    }
    
    private createDebugMaterial() {
        // 创建调试用的材质
        // 实际实现需要加载调试用的Effect
        // this.debugMaterial = new Material();
        // this.debugMaterial.initialize({ effectAsset: debugEffect });
    }
}

class ShaderDebuggingWorkflow {
    // 步骤1: 确认问题
    static step1_IdentifyProblem() {
        // 1. 检查控制台错误信息
        // 2. 确认预期效果与实际效果的差异
        // 3. 记录问题的具体表现
    }
    
    // 步骤2: 隔离问题
    static step2_IsolateProblem() {
        // 1. 注释掉复杂逻辑，使用简单的颜色输出
        // 2. 逐步添加功能，定位问题代码段
        // 3. 检查输入数据的正确性
    }
    
    // 步骤3: 验证修复
    static step3_VerifyFix() {
        // 1. 在不同设备上测试
        // 2. 检查性能影响
        // 3. 确认没有引入新问题
    }
}