【瑞模网】cesium城市建筑颜色渲染以及泛光渐变效果

2、cesium给建筑物设置类似泛光效果,可以在暗色地图突出显示建筑,这种光效看起来也蛮不错的,不过需要用到着色器(Shader)语言,根据别人写的着色器代码修改了一下,符合自己的使用,根据不同建筑物高度设置是否需要泛光,以及是否需要设置渐变色,这些简单的设置都可以在代码自行设置。
摘要由CSDN通过智能技术生成

1、cesium加载城市建筑模型,3DTiles格式,如果设置基本颜色渲染很简单,只需要根据建筑物的属性进行颜色设置即可,cesium沙盒也有示例,代码如下:

 // 设置建筑物的样式
  var heightStyle = new Cesium.Cesium3DTileStyle({
    color: {
      conditions: [
      ['${floor} >= 30', 'rgba(45,0,75,0.5)'],
      ['${floor} >= 20', 'rgb(102,71,151)'],
      ['${floor} >= 15', 'rgb(170,162,204)'],
      ['${floor} >= 10', 'rgb(224,226,238)'],
      ['${floor} >= 8', 'rgb(252,230,200)'],
      ['${floor} >= 5', 'rgb(248,176,87)'],
      ['${floor} >= 1', 'rgb(198,106,11)']
      ]
      co
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值