Cesium 自定义Material 系列 (十四)

  • 对于砖石纹理效果 我们先定义一下他的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);
posted @ 2022-01-20 17:10  haibalai  阅读(52)  评论(0编辑  收藏  举报