cesium 动态纹理-颜色-设置频率

一个是根据时间设置频率:(有动画轴)
具体区别:material里回调

var startTime = Cesium.JulianDate.now();
var speedtime=200; //毫秒

function computeCircle(radius) {
    var positions = [];
    for (var i = 0; i < 360; i++) {
        var radians = Cesium.Math.toRadians(i);
        positions.push(new Cesium.Cartesian2(radius * Math.cos(radians), radius * Math.sin(radians)));
    }
    return positions;
}

//时间相关
var greenTube = viewer.entities.add({
    name : 'green tube with rounded corners',
    polylineVolume : {
        positions : Cesium.Cartesian3.fromDegreesArray([-86.0, 31.0,
                                                        -86.0, 35.0,
                                                        -90.0, 35.0]),
        shape : computeCircle(6000.0),
        material : new Cesium.ColorMaterialProperty(new Cesium.CallbackProperty(function() { 
            let diff = Cesium.JulianDate.secondsDifference( Cesium.JulianDate.now(), startTime) ;
            let v = parseInt(Math.floor(diff*1000)/speedtime)%2;
            console.log(v);
            return Cesium.Color.GREEN.withAlpha(v);
        }, false))
    }
});

一个与时间无关,设置频率:(无动画轴)

//时间无关
var intervaltime=4; //间隔
let i = 0;
var redTube = viewer.entities.add({
    name : 'red tube with rounded corners',
    polylineVolume : {
        positions : Cesium.Cartesian3.fromDegreesArray([-87.0, 30.0,
                                                        -87.0, 34.0,
                                                        -91.0, 34.0]),
        shape : computeCircle(6000.0),
        material : new Cesium.ColorMaterialProperty(new Cesium.CallbackProperty(function() { 
            i+=1;
            i=i%intervaltime;
            return Cesium.Color.RED.withAlpha(i/intervaltime);
        }, false))
    }
});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一个表面的纹理就是它的外表,可以想象成一幅油画画在画布上。在计算机图形学中,纹理映射是一个使用一些图片、函数或其它...
    Dragon_boy阅读 1,722评论 0 1
  • 材质控制:material
    Cherry9507阅读 217评论 0 0
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,993评论 2 59
  • ![Flask](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW...
    极客学院Wiki阅读 7,300评论 0 3
  • 不知不觉易趣客已经在路上走了快一年了,感觉也该让更多朋友认识知道易趣客,所以就谢了这篇简介,已做创业记事。 易趣客...
    Physher阅读 3,448评论 1 2