Cesium 自定义Material 系列 (三)

对于动态流线效果 我们先定义一下他的interface, 方便使用的人知道他的调用参数

export interface PMaterialDynamicFlow{

color?:any,

speed?:number,

opacity?:number,

percent?:number,

}

对于动态流线我们叫 MaterialDynamicFlow

```javascript

import {MaterialProperty} from "./MaterialProperty";

const defaultOption: PMaterialDynamicFlow = {

color: Cesium.Color.AQUA,//颜色

speed: 1,//步长

percent:0.03,//动点占线段长度的百分比

opacity:0.0//背景线段的透明度

}

/**

动态流线--点在线上跑

*/

export class MaterialDynamicFlow extends MaterialProperty{

protected _getType(option: any): string {

return "MaterialDynamicFlow"

}

constructor(option=defaultOption) {

super(MaterialDynamicFlow.prototype, defaultOption, option);

}

protected getSource(option: any): string {

return `

uniform vec4 color;

uniform float speed;

uniform float percent;

uniform float opacity;

czm_material czm_getMaterial(czm_materialInput materialInput)

{

czm_material material = czm_getDefaultMaterial(materialInput);

vec2 st = materialInput.st;

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容