对于砖石纹理效果 我们先定义一下他的interface, 方便使用的人知道他的调用参数
export interface PMaterialFacet{
lightColor?: any,
darkColor?: any,
frequency?: number,
}
对于砖石纹理我们叫 MaterialFacet
``javascript import {MaterialProperty} from “./MaterialProperty”; const defaultOption: PMaterialFacet = { lightColor: new Cesium.Color(0.25, 0.25, 0.25, 0.75), darkColor: new Cesium.Color(0.75, 0.75, 0.75, 0.75), frequency: 10.0 } //钻石效果 export class MaterialFacet extends MaterialProperty{ protected _getType(option: any): string { return “MaterialFacet” } constructor(option=defaultOption) { super(MaterialFacet.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);
// From Stefan Gustavson’s Procedural Textures in GLSL in OpenGL Insights
vec2 F = czm_cellular(materialInput.st * frequency);
float t = 0.1 + (F.y - F.x);
更多参考 https://xiaozhuanlan.com/topic/6392758041
