CocosCreator-Shader-Effect-.../assets/scripts/GaussianBlurEffectScene.ts
2020-01-21 16:15:35 +08:00

55 lines
1.7 KiB
TypeScript

const { ccclass, property } = cc._decorator;
@ccclass
export default class GaussianBlurEffectScene extends cc.Component {
private _grayLevelSlider: cc.Slider = null;
private _grayLevelSliderLabel: cc.Label = null;
private _examplesParentNode: cc.Node = null;
onLoad() {
cc.dynamicAtlasManager.enabled = false;
this._grayLevelSlider = cc.find("Canvas/Content/Controller/GrayLevelSlider/Slider").getComponent(cc.Slider);
this._grayLevelSliderLabel = cc.find("Canvas/Content/Controller/GrayLevelSlider/ValueLabel").getComponent(cc.Label);
this._examplesParentNode = cc.find("Canvas/Content/Examples");
}
onEnable() {
this._grayLevelSlider.node.on("slide", this._onSliderChanged, this);
}
onDisable() {
this._grayLevelSlider.node.off("slide", this._onSliderChanged, this);
}
start() {
this._onSliderChanged();
}
private _onSliderChanged() {
this._grayLevelSliderLabel.string = `${this._grayLevelSlider.progress.toFixed(2)}`;
// 更新材质
this._updateRenderComponentMaterial({});
}
/**
* 更新渲染组件的材质
*
* 1. 获取材质
* 2. 给材质的 unitform 变量赋值
* 3. 重新将材质赋值回去
*/
private _updateRenderComponentMaterial(param: {}) {
this._examplesParentNode.children.forEach(childNode => {
childNode.getComponents(cc.RenderComponent).forEach(renderComponent => {
let material: cc.Material = renderComponent.getMaterial(0);
material.setProperty("textureSize", cc.v2(childNode.width, childNode.height));
renderComponent.setMaterial(0, material);
});
});
}
}