Cesium 自定义Material 系列 （十六）

• 对于扎染纹理效果 我们先定义一下他的interface, 方便使用的人知道他的调用参数

• export interface PMaterialTieDye{
• lightColor?: any,
• darkColor?: any,
• frequency?: number,
• }

• 对于扎染墙纹理我们叫 MaterialTieDye

```javascript

import { MaterialProperty } from "../MaterialProperty";
const defaultOption: PMaterialTieDye = {
lightColor: new Cesium.Color(1.0, 0.0, 0.0, 0.75),
darkColor: new Cesium.Color(1.0, 1.0, 1.0, 0.75),
frequency: 50.0
}
//扎染效果
export class MaterialTieDye extends MaterialProperty {
protected _getType(option: any): string {
return "MaterialTieDye"
}
constructor(option = defaultOption) {
super(MaterialTieDye.prototype, defaultOption, option);
}
protected _getTranslucent(material: any) {
var uniforms = material.uniforms
return uniforms.lightColor.alpha < 1.0 || uniforms.darkColor.alpha < 0.0
}
protected getSource(option: any): string {
return `
uniform vec4 lightColor;
uniform vec4 darkColor;
uniform float frequency;

• czm_material czm_getMaterial(czm_materialInput materialInput){
• czm_material material = czm_getDefaultMaterial(materialInput);
•  
• vec3 scaled = materialInput.str * frequency;
• float t = abs(czm_snoise(scaled));

 更多参考 https://xiaozhuanlan.com/topic/2371509846