返回介绍

Cesium 动态纹理-颜色

发布于 2021-01-09 13:34:16 字数 1233 浏览 2400 评论 0 收藏 0

之前用过了静态的纹理设置材质,这次来尝试一下动态的变换,这次来尝试颜色变换

  1. 先创建工程,步骤略
  2. 添加一个管线,参考官方示例Polyline Volume,每个示例的代码,都用一下,说不定学到点新东西呢~ (#^.^#)
  3. 这里按理说应该是要给纹理赋值了,要它动态变化,一般有两种思路,其一是赋值一次,然后之后用代码(定时器)动态修改材质,其二是使用回调,在上一篇鹰眼图中尝试过,发现回调效果比较好,不会卡顿,下面是回调的实现方法,官方文档里很难找到,我是在官方论坛中翻到的,花了一些时间,说出来都是泪啊
var redTube = viewer.entities.add({
    name : 'Red tube with rounded corners',
    polylineVolume : {
        positions : Cesium.Cartesian3.fromDegreesArray([-85.0, 32.0,-85.0, 36.0,-89.0, 36.0]),
        shape : computeCircle(6000.0),
        //颜色回调
        material : new Cesium.ColorMaterialProperty(new Cesium.CallbackProperty(function() { 
        return Cesium.Color.fromRandom({
            minimumRed : 0.75,
            minimumGreen : 0.75,
            minimumBlue : 0.75,
            alpha : 1.0
        });

        }, false))
    }
});

参考效果

参考代码

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文