Test_Project_Cocos/CocosCreator-Shader-Effect-Demo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完善圆角裁剪demo

Browse Source
This commit is contained in:
caizhitao
2020-01-16 23:05:32 +08:00
parent c64f1ab144
commit bfe61e6494
13 changed files with 2025 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/scripts/RoundCornerCropEffectScene.ts → assets/scripts/RoundCornerCropV1EffectScene.ts
View File

@@ -1,9 +1,9 @@
const { ccclass, property } = cc._decorator;
@ccclass
export default class RoundCornerCropEffectScene extends cc.Component {
private _roundCornerRadiuSlider: cc.Slider = null;
private _roundCornerRadiuLabel: cc.Label = null;
export default class RoundCornerCropV1EffectScene extends cc.Component {
private _radiuSlider: cc.Slider = null;
private _radiuLabel: cc.Label = null;
private _examplesParentNode: cc.Node = null;
@@ -11,18 +11,18 @@ export default class RoundCornerCropEffectScene extends cc.Component {
// 关闭动态合图
cc.dynamicAtlasManager.enabled = false;
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._radiuSlider = cc.find("Canvas/Content/Controller/RadiusSlider/Slider").getComponent(cc.Slider);
this._radiuLabel = cc.find("Canvas/Content/Controller/RadiusSlider/ValueLabel").getComponent(cc.Label);
this._examplesParentNode = cc.find("Canvas/Content/Examples");
}
onEnable() {
this._roundCornerRadiuSlider.node.on("slide", this._onSliderChanged, this);
this._radiuSlider.node.on("slide", this._onSliderChanged, this);
}
onDisable() {
this._roundCornerRadiuSlider.node.off("slide", this._onSliderChanged, this);
this._radiuSlider.node.off("slide", this._onSliderChanged, this);
}
start() {
@@ -30,11 +30,11 @@ export default class RoundCornerCropEffectScene extends cc.Component {
}
private _onSliderChanged() {
this._roundCornerRadiuLabel.string = `${this._roundCornerRadiuSlider.progress.toFixed(2)}`;
this._radiuLabel.string = `${this._radiuSlider.progress.toFixed(2)}`;
// 更新材质
this._updateRenderComponentMaterial({
roundCornerRadius: this._roundCornerRadiuSlider.progress
roundCornerRadius: this._radiuSlider.progress
});
}
@@ -54,7 +54,7 @@ export default class RoundCornerCropEffectScene extends cc.Component {
this._examplesParentNode.children.forEach(childNode => {
childNode.getComponents(cc.RenderComponent).forEach(renderComponent => {
let material: cc.Material = renderComponent.getMaterial(0);
material.setProperty("roundCornerRadius", param.roundCornerRadius);
material.setProperty("radius", param.roundCornerRadius);
renderComponent.setMaterial(0, material);
});
});

2
assets/scripts/RoundCornerCropEffectScene.ts.meta → assets/scripts/RoundCornerCropV1EffectScene.ts.meta
View File

@@ -1,6 +1,6 @@
{
"ver": "1.0.5",
"uuid": "d3d2bee7-2173-436c-a11c-94a31b2054c2",
"uuid": "d27658c5-a966-4e50-a162-09c7af01579e",
"isPlugin": false,
"loadPluginInWeb": true,
"loadPluginInNative": true,