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

本文介绍了如何在Cesium中使用3DTiles格式加载城市建筑,并通过属性设置基本颜色渲染。同时,文章探讨了如何为建筑添加泛光效果,利用着色器语言实现光效,以在暗色地图上突出建筑。虽然着色器语言需要进一步学习,但已调整代码以满足不同建筑高度的泛光和渐变色需求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值