Cesium 自定义Material 系列（十七）

原创

haibalai2009 2022-03-08 15:13:42 ©著作权

文章标签 gis sed javascript 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者haibalai2009的原创作品，请联系作者获取转载授权，否则将追究法律责任

对于木制墙纹理效果我们先定义一下他的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);