Cesium 自定义Material 系列 （二）

对于轨迹图片效果 我们先定义一下他的interface, 方便使用的人知道他的调用参数
export interface PMaterialTrailImage {
color?: any;
speed?: number;
image: string;
count?: number;
direction?: boolean;
order?: boolean;
}
//color:颜色，duration：时长,url:图片地址，count:分段数量，direction:纵横，order:方向
对于轨迹图片我们叫 MaterialTrailImage

import { MaterialProperty } from "./MaterialProperty";
const defaultOption: PMaterialTrailImage = {
color: new Cesium.Color(0.0, 0.0, 1.0, 0.5),
speed: 3000,
image: Cesium.Material.DefaultImageId,
count: 1,
direction: false,
order: false,
}
/**

图片流动效果
*/
export class MaterialTrailImage extends MaterialProperty {

 
public _getType(option: PMaterialTrailImage) {
// 由于参数需要动态变动，所以count有变动，认为是新着色器
const { direction = false, order = false } = option;
return MaterialTrailImage${direction}${order}
}
constructor(option=defaultOption) {
super(MaterialTrailImage.prototype, defaultOption, option);
}
/**

direction（纵横）[boolean]：纵或者横
goodPoor（方向）[boolean]：顺或者逆
*/
getSource(option: PMaterialTrailImage) {
const { direction = false, order = false } = option;
const v1 = direction ? "st.t" : "st.s";
 更多参考 https://xiaozhuanlan.com/topic/4370915862