初步创建圆角裁剪场景相关

assets/scripts/RoundCornerCropEffectScene.ts

@@ -0,0 +1,59 @@
+const { ccclass, property } = cc._decorator;
+
+@ccclass
+export default class RoundCornerCropEffectScene extends cc.Component {
+    private _roundCornerRadiuSlider: cc.Slider = null;
+    private _roundCornerRadiuLabel: cc.Label = null;
+
+    private _examplesParentNode: cc.Node = null;
+
+    onLoad() {
+        this._roundCornerRadiuSlider = cc.find("Canvas/Content/Sliders/RoundCornerRadiusSlider/Slider").getComponent(cc.Slider);
+        this._roundCornerRadiuLabel = cc.find("Canvas/Content/Sliders/RoundCornerRadiusSlider/ValueLabel").getComponent(cc.Label);
+
+        this._examplesParentNode = cc.find("Canvas/Content/Examples");
+    }
+
+    onEnable() {
+        this._roundCornerRadiuSlider.node.on("slide", this._onSliderChanged, this);
+    }
+
+    onDisable() {
+        this._roundCornerRadiuSlider.node.off("slide", this._onSliderChanged, this);
+    }
+
+    start() {
+        this._onSliderChanged();
+    }
+
+    private _onSliderChanged() {
+        this._roundCornerRadiuLabel.string = `${this._roundCornerRadiuSlider.progress.toFixed(2)}`;
+
+        // // 更新材质
+        // this._updateRenderComponentMaterial({
+        //     oldLevel: this._roundCornerRadiuSlider.progress
+        // });
+    }
+
+    // /**
+    //  * 更新渲染组件的材质
+    //  *
+    //  * 1. 获取材质
+    //  * 2. 给材质的 unitform 变量赋值
+    //  * 3. 重新将材质赋值回去
+    //  */
+    // private _updateRenderComponentMaterial(param: {
+    //     /**
+    //      * 老化程度 [0.0, 1.0] ，1.0 表示完全老化
+    //      */
+    //     oldLevel: number;
+    // }) {
+    //     this._examplesParentNode.children.forEach(childNode => {
+    //         childNode.getComponents(cc.RenderComponent).forEach(renderComponent => {
+    //             let material: cc.Material = renderComponent.getMaterial(0);
+    //             material.setProperty("oldLevel", param.oldLevel);
+    //             renderComponent.setMaterial(0, material);
+    //         });
+    //     });
+    // }
+}

assets/scripts/RoundCornerCropEffectScene.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "d3d2bee7-2173-436c-a11c-94a31b2054c2",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}