cesium1.95.0版本添加动态材质的属性

Question

如何在以下内容中添加路线高亮属性（给路线增加背景色）

 `
                    uniform sampler2D image; 
                    uniform float speed;
                    uniform vec4 color;
                    uniform vec2 repeat;
                    
                    czm_material czm_getMaterial(czm_materialInput materialInput){
                        czm_material material=czm_getDefaultMaterial(materialInput);
                        vec2 st=repeat * materialInput.st;
                        float time=fract(czm_frameNumber*speed/1000.);
                        // st.s是横轴方向运动,st.t是纵轴，
                        // vec2(fract(st.s-time),st.t)是横轴按照时间变化而变化，纵轴保持正常不变化
                        vec4 colorImage=texture2D(image,vec2(fract(st.s-time),st.t));
                        vec4 fragColor;
                        fragColor.rgb=color.rgb / 1.0;
                        if(color.a==0.){
                            material.alpha=colorImage.a;
                            material.diffuse=colorImage.rgb;
                        }else{
                            material.alpha=colorImage.a*color.a;
                            material.diffuse=max(color.rgb*material.alpha*3.,color.rgb);
                        }
                        return material;
                    }
                    `

Answer 1

小阿瑶来也 下午好🌅🌅🌅
本答案参考ChatGPT-3.5

为了给路线增加背景色，你需要在以上代码中做出如下修改：

1. 在uniform顶部，添加一个新的uniform变量，用于指定路线高亮的背景色：

uniform vec4 highlightColor;

1. 在czm_getMaterial函数中，在计算fragColor之前，添加如下代码来判断当前片元是否属于需要高亮的路线：

bool isHighlighted = **// 填入你判断路线是否需要高亮的条件**;

1. 在赋值fragColor的代码之前，添加如下代码块来执行高亮处理：

if(isHighlighted){
    fragColor.rgb = highlightColor.rgb / 1.0;
}else{
    fragColor.rgb = color.rgb / 1.0;
}

1. 修改返回的material变量的diffuse属性赋值，将之前的material.diffuse=colorImage.rgb修改为以下代码：

if(isHighlighted){
    material.diffuse = highlightColor.rgb * material.alpha;
}else{
    material.diffuse = colorImage.rgb;
}

1. 最后，在czm_getMaterial函数的末尾，将material变量返回。

修改后的代码如下：

uniform vec4 highlightColor;

czm_material czm_getMaterial(czm_materialInput materialInput){
    czm_material material=czm_getDefaultMaterial(materialInput);
    vec2 st=repeat * materialInput.st;
    float time=fract(czm_frameNumber*speed/1000.);
    // st.s是横轴方向运动,st.t是纵轴，
    // vec2(fract(st.s-time),st.t)是横轴按照时间变化而变化，纵轴保持正常不变化
    vec4 colorImage=texture2D(image,vec2(fract(st.s-time),st.t));
    vec4 fragColor;
    
    bool isHighlighted = **// 填入你判断路线是否需要高亮的条件**;
    
    if(isHighlighted){
        fragColor.rgb = highlightColor.rgb / 1.0;
    }else{
        fragColor.rgb = color.rgb / 1.0;
    }
    
    if(color.a==0.){
        material.alpha=colorImage.a;
        if(isHighlighted){
            material.diffuse = highlightColor.rgb * material.alpha;
        }else{
            material.diffuse = colorImage.rgb;
        }
    }else{
        material.alpha=colorImage.a*color.a;
        material.diffuse=max(color.rgb*material.alpha*3.,color.rgb);
    }
    return material;
}

请注意，以上代码只是一种可能的解决方案，具体的实现要根据你的需求和场景来进行调整。