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;
posted @   haibalai  阅读(168)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示