System.register(["cc"], function (_export, _context) { "use strict"; var _cclegacy, __checkObsolete__, __checkObsoleteInNamespace__, Color, Canvas, UITransform, instantiate, Toggle, _decorator, Component, Button, director, Node, Label, RichText, _dec, _dec2, _dec3, _dec4, _class, _class2, _descriptor, _descriptor2, _descriptor3, _crd, ccclass, property, DebugViewRuntimeControl; function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); } function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; } function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); } return { setters: [function (_cc) { _cclegacy = _cc.cclegacy; __checkObsolete__ = _cc.__checkObsolete__; __checkObsoleteInNamespace__ = _cc.__checkObsoleteInNamespace__; Color = _cc.Color; Canvas = _cc.Canvas; UITransform = _cc.UITransform; instantiate = _cc.instantiate; Toggle = _cc.Toggle; _decorator = _cc._decorator; Component = _cc.Component; Button = _cc.Button; director = _cc.director; Node = _cc.Node; Label = _cc.Label; RichText = _cc.RichText; }], execute: function () { _crd = true; _cclegacy._RF.push({}, "b2bd1+njXxJxaFY3ymm06WU", "debug-view-runtime-control", undefined); __checkObsolete__(['Color', 'Canvas', 'UITransform', 'instantiate', 'math', 'Toggle', 'TextureCube', '_decorator', 'Component', 'Button', 'labelAssembler', 'game', 'director', 'Node', 'Scene', 'renderer', 'CameraComponent', 'Label', 'ForwardPipeline', 'RichText']); ({ ccclass, property } = _decorator); _export("DebugViewRuntimeControl", DebugViewRuntimeControl = (_dec = ccclass('internal.DebugViewRuntimeControl'), _dec2 = property(Node), _dec3 = property(Node), _dec4 = property(Node), _dec(_class = (_class2 = class DebugViewRuntimeControl extends Component { constructor(...args) { super(...args); _initializerDefineProperty(this, "compositeModeToggle", _descriptor, this); _initializerDefineProperty(this, "singleModeToggle", _descriptor2, this); _initializerDefineProperty(this, "EnableAllCompositeModeButton", _descriptor3, this); this._single = 0; this.strSingle = ['No Single Debug', 'Vertex Color', 'Vertex Normal', 'Vertex Tangent', 'World Position', 'Vertex Mirror', 'Face Side', 'UV0', 'UV1', 'UV Lightmap', 'Project Depth', 'Linear Depth', 'Fragment Normal', 'Fragment Tangent', 'Fragment Binormal', 'Base Color', 'Diffuse Color', 'Specular Color', 'Transparency', 'Metallic', 'Roughness', 'Specular Intensity', 'IOR', 'Direct Diffuse', 'Direct Specular', 'Direct All', 'Env Diffuse', 'Env Specular', 'Env All', 'Emissive', 'Light Map', 'Shadow', 'AO', 'Fresnel', 'Direct Transmit Diffuse', 'Direct Transmit Specular', 'Env Transmit Diffuse', 'Env Transmit Specular', 'Transmit All', 'Direct Internal Specular', 'Env Internal Specular', 'Internal All', 'Fog']; this.strComposite = ['Direct Diffuse', 'Direct Specular', 'Env Diffuse', 'Env Specular', 'Emissive', 'Light Map', 'Shadow', 'AO', 'Normal Map', 'Fog', 'Tone Mapping', 'Gamma Correction', 'Fresnel', 'Transmit Diffuse', 'Transmit Specular', 'Internal Specular', 'TT']; this.strMisc = ['CSM Layer Coloration', 'Lighting With Albedo']; this.compositeModeToggleList = []; this.singleModeToggleList = []; this.miscModeToggleList = []; this.textComponentList = []; this.labelComponentList = []; this.textContentList = []; this.hideButtonLabel = void 0; this._currentColorIndex = 0; this.strColor = ['', '', '', '', '']; this.color = [Color.WHITE, Color.BLACK, Color.RED, Color.GREEN, Color.BLUE]; } start() { // get canvas resolution const canvas = this.node.parent.getComponent(Canvas); if (!canvas) { console.error('debug-view-runtime-control should be child of Canvas'); return; } const uiTransform = this.node.parent.getComponent(UITransform); const halfScreenWidth = uiTransform.width * 0.5; const halfScreenHeight = uiTransform.height * 0.5; let x = -halfScreenWidth + halfScreenWidth * 0.1, y = halfScreenHeight - halfScreenHeight * 0.1; const width = 200, height = 20; // new nodes const miscNode = this.node.getChildByName('MiscMode'); const buttonNode = instantiate(miscNode); buttonNode.parent = this.node; buttonNode.name = 'Buttons'; const titleNode = instantiate(miscNode); titleNode.parent = this.node; titleNode.name = 'Titles'; // title for (let i = 0; i < 2; i++) { const newLabel = instantiate(this.EnableAllCompositeModeButton.getChildByName('Label')); newLabel.setPosition(x + (i > 0 ? 50 + width * 2 : 150), y, 0.0); newLabel.setScale(0.75, 0.75, 0.75); newLabel.parent = titleNode; const labelComponent = newLabel.getComponent(Label); labelComponent.string = i ? '----------Composite Mode----------' : '----------Single Mode----------'; labelComponent.color = Color.WHITE; labelComponent.overflow = 0; this.labelComponentList[this.labelComponentList.length] = labelComponent; } y -= height; // single let currentRow = 0; for (let i = 0; i < this.strSingle.length; i++, currentRow++) { if (i === this.strSingle.length >> 1) { x += width; currentRow = 0; } const newNode = i ? instantiate(this.singleModeToggle) : this.singleModeToggle; newNode.setPosition(x, y - height * currentRow, 0.0); newNode.setScale(0.5, 0.5, 0.5); newNode.parent = this.singleModeToggle.parent; const textComponent = newNode.getComponentInChildren(RichText); textComponent.string = this.strSingle[i]; this.textComponentList[this.textComponentList.length] = textComponent; this.textContentList[this.textContentList.length] = textComponent.string; newNode.on(Toggle.EventType.TOGGLE, this.toggleSingleMode, this); this.singleModeToggleList[i] = newNode; } x += width; // buttons this.EnableAllCompositeModeButton.setPosition(x + 15, y, 0.0); this.EnableAllCompositeModeButton.setScale(0.5, 0.5, 0.5); this.EnableAllCompositeModeButton.on(Button.EventType.CLICK, this.enableAllCompositeMode, this); this.EnableAllCompositeModeButton.parent = buttonNode; let labelComponent = this.EnableAllCompositeModeButton.getComponentInChildren(Label); this.labelComponentList[this.labelComponentList.length] = labelComponent; const changeColorButton = instantiate(this.EnableAllCompositeModeButton); changeColorButton.setPosition(x + 90, y, 0.0); changeColorButton.setScale(0.5, 0.5, 0.5); changeColorButton.on(Button.EventType.CLICK, this.changeTextColor, this); changeColorButton.parent = buttonNode; labelComponent = changeColorButton.getComponentInChildren(Label); labelComponent.string = 'TextColor'; this.labelComponentList[this.labelComponentList.length] = labelComponent; const HideButton = instantiate(this.EnableAllCompositeModeButton); HideButton.setPosition(x + 200, y, 0.0); HideButton.setScale(0.5, 0.5, 0.5); HideButton.on(Button.EventType.CLICK, this.hideUI, this); HideButton.parent = this.node.parent; labelComponent = HideButton.getComponentInChildren(Label); labelComponent.string = 'Hide UI'; this.labelComponentList[this.labelComponentList.length] = labelComponent; this.hideButtonLabel = labelComponent; // misc y -= 40; for (let i = 0; i < this.strMisc.length; i++) { const newNode = instantiate(this.compositeModeToggle); newNode.setPosition(x, y - height * i, 0.0); newNode.setScale(0.5, 0.5, 0.5); newNode.parent = miscNode; const textComponent = newNode.getComponentInChildren(RichText); textComponent.string = this.strMisc[i]; this.textComponentList[this.textComponentList.length] = textComponent; this.textContentList[this.textContentList.length] = textComponent.string; const toggleComponent = newNode.getComponent(Toggle); toggleComponent.isChecked = i ? true : false; newNode.on(Toggle.EventType.TOGGLE, i ? this.toggleLightingWithAlbedo : this.toggleCSMColoration, this); this.miscModeToggleList[i] = newNode; } // composite y -= 150; for (let i = 0; i < this.strComposite.length; i++) { const newNode = i ? instantiate(this.compositeModeToggle) : this.compositeModeToggle; newNode.setPosition(x, y - height * i, 0.0); newNode.setScale(0.5, 0.5, 0.5); newNode.parent = this.compositeModeToggle.parent; const textComponent = newNode.getComponentInChildren(RichText); textComponent.string = this.strComposite[i]; this.textComponentList[this.textComponentList.length] = textComponent; this.textContentList[this.textContentList.length] = textComponent.string; newNode.on(Toggle.EventType.TOGGLE, this.toggleCompositeMode, this); this.compositeModeToggleList[i] = newNode; } } isTextMatched(textUI, textDescription) { let tempText = new String(textUI); const findIndex = tempText.search('>'); if (findIndex === -1) { return textUI === textDescription; } else { tempText = tempText.substr(findIndex + 1); tempText = tempText.substr(0, tempText.search('<')); return tempText === textDescription; } } toggleSingleMode(toggle) { const debugView = director.root.debugView; const textComponent = toggle.getComponentInChildren(RichText); for (let i = 0; i < this.strSingle.length; i++) { if (this.isTextMatched(textComponent.string, this.strSingle[i])) { debugView.singleMode = i; } } } toggleCompositeMode(toggle) { const debugView = director.root.debugView; const textComponent = toggle.getComponentInChildren(RichText); for (let i = 0; i < this.strComposite.length; i++) { if (this.isTextMatched(textComponent.string, this.strComposite[i])) { debugView.enableCompositeMode(i, toggle.isChecked); } } } toggleLightingWithAlbedo(toggle) { const debugView = director.root.debugView; debugView.lightingWithAlbedo = toggle.isChecked; } toggleCSMColoration(toggle) { const debugView = director.root.debugView; debugView.csmLayerColoration = toggle.isChecked; } enableAllCompositeMode(button) { const debugView = director.root.debugView; debugView.enableAllCompositeMode(true); for (let i = 0; i < this.compositeModeToggleList.length; i++) { const toggleComponent = this.compositeModeToggleList[i].getComponent(Toggle); toggleComponent.isChecked = true; } let toggleComponent = this.miscModeToggleList[0].getComponent(Toggle); toggleComponent.isChecked = false; debugView.csmLayerColoration = false; toggleComponent = this.miscModeToggleList[1].getComponent(Toggle); toggleComponent.isChecked = true; debugView.lightingWithAlbedo = true; } hideUI(button) { const titleNode = this.node.getChildByName('Titles'); const activeValue = !titleNode.active; this.singleModeToggleList[0].parent.active = activeValue; this.miscModeToggleList[0].parent.active = activeValue; this.compositeModeToggleList[0].parent.active = activeValue; this.EnableAllCompositeModeButton.parent.active = activeValue; titleNode.active = activeValue; this.hideButtonLabel.string = activeValue ? 'Hide UI' : 'Show UI'; } changeTextColor(button) { this._currentColorIndex++; if (this._currentColorIndex >= this.strColor.length) { this._currentColorIndex = 0; } for (let i = 0; i < this.textComponentList.length; i++) { this.textComponentList[i].string = this.strColor[this._currentColorIndex] + this.textContentList[i] + ''; } for (let i = 0; i < this.labelComponentList.length; i++) { this.labelComponentList[i].color = this.color[this._currentColorIndex]; } } onLoad() {} update(deltaTime) {} }, (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "compositeModeToggle", [_dec2], { configurable: true, enumerable: true, writable: true, initializer: function () { return null; } }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "singleModeToggle", [_dec3], { configurable: true, enumerable: true, writable: true, initializer: function () { return null; } }), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "EnableAllCompositeModeButton", [_dec4], { configurable: true, enumerable: true, writable: true, initializer: function () { return null; } })), _class2)) || _class)); _cclegacy._RF.pop(); _crd = false; } }; }); //# sourceMappingURL=dd8ffe4b66ab421921fe26a7524871e3101b074e.js.map