Cesium 自定义Material 系列 （十七）

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

export interface PMaterialBrick{

color?: any,

speed?: number,

brickColor?: any,

mortarColor?:any,

brickSize?: any,

brickPct?: any,

brickRoughness?: number,

mortarRoughness?: number

}

对于木制墙纹理我们叫 MaterialTWood

``javascript import { MaterialProperty } from "./MaterialProperty"; const defaultOption: PMaterialTWood = { lightWoodColor: new Cesium.Color(0.6, 0.3, 0.1, 1.0), darkWoodColor: new Cesium.Color(0.4, 0.2, 0.07, 1.0), ringFrequency: 3.0, noiseScale: new Cesium.Cartesian2(0.7, 0.5), grainFrequency: 27.0 } //木质效果 export class MaterialTWood extends MaterialProperty { protected _getType(option: any): string { return "MaterialTWood" } constructor(option = defaultOption) { super(MaterialTWood.prototype, defaultOption, option); } protected _getTranslucent(material: any) { var uniforms = material.uniforms return uniforms.lightWoodColor.alpha < 1.0 || uniforms.darkWoodColor.alpha < 1.0; } protected getSource(option: any): string { return

uniform vec4 lightWoodColor;

uniform vec4 darkWoodColor;

uniform float ringFrequency;

uniform vec2 noiseScale;

uniform float grainFrequency;

czm_material czm_getMaterial(czm_materialInput materialInput){

czm_material material = czm_getDefaultMaterial(materialInput);

//Based on wood shader from OpenGL Shading Language (3rd edition) pg. 455

vec2 st = materialInput.st;

vec2 noisevec;

noisevec.x = czm_snoise(st * noiseScale.x);

noisevec.y = czm_snoise(st * noiseScale.y);

vec2 location = st + noisevec;

float dist = sqrt(location.x * location.x + location.y * location.y);

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