cesium添加基于太阳位置的光照

最新推荐文章于 2023-11-27 10:54:53 发布
最新推荐文章于 2023-11-27 10:54:53 发布
阅读量1k 收藏 1
点赞数
文章标签： cesium
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bcbobo21cn/article/details/129349864
版权

增加一句代码，
viewer.scene.globe.enableLighting = true;

然后，我们scene(场景)中的光照将会随着每天时间的变化而变化。

如果你zoom out，你就会看到一部分
数字地球位于黑暗之中，因为模拟真实的地球，太阳只能照射到地球的一部分。

基本地球如下；


 

添加了基于太阳位置的光照后地球如下；这是模拟太阳随时间变化照到地球上；

 

 

添加了基于太阳位置的光照后，加载的长方体如下图；

 

 

bcbobo21cn
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cesium中计算太阳位置，当前太阳光方向
yue1241630499的博客
06-22 976
【代码】Cesium中计算太阳位置，当前太阳光方向。
cesium视频教程
10-15
本课程是一套基于GIS+BIM的三维地理信息系统框架，学习本课程可以快速掌握cesiumjs开发GIS+BIM的地理信息系统，三维系统等。学习本课程可以提高对三维渲染，地理信息GIS+BIM的认识，为您的学习与开发工作节约大量宝贵的时间，快速入门，上手。   
cesium实际开发案例视频案例教程
06-14
本课程可以快速掌握并强化cesiumjs开发GIS+BIM的地理信息系统，三维系统等。学习本课程可以提高对三维渲染，地理信息系统开发的认识，为您的学习与开发工作节约大量宝贵的时间。
Cesium使用后期渲染方式实现雾特效
行走的过客
04-29 8411
Cesium开源方法里有专门的Fog类，可以实现雾，只要控制其显隐即可。但是由于Cesium有深度测试，需要控制其深度阈值，让其在不同的场景中都能正常显示。cesium超出深度阈值部分就不渲染了，看起来那部分是黑色的，这样确定合适的阈值并根据场景实时变换比较困难。所以果断采用PostProcessStage方式对cesium的webgl渲染后的画面进行重新再次渲染，这样不用担心深度测试的阈值确定不...
cesium不同版本对3dtiles的渲染效果不同，固定光照的优化方案
最新发布
m0_69803146的博客
11-27 577
cesium不同版本对3dtiles的渲染效果不同，固定光照的优化方案，避免map.fixedLight = true,导致的光照效果太强，模型太亮的问题。
cesium 时间影响光照效果、地形照明、水体效果
既然青春留不住，还是做个大叔好!
08-27 2366
白膜可以 //UTC var utc=Cesium.JulianDate.fromDate(new Date("2021/07/04 04:00:00")); //北京时间=UTC+8=GMT+8 this.viewer.clockViewModel.currentTime = Cesium.JulianDate.addHours(utc,8,new Cesium.JulianDate());
cesium中添加大量树_松树
03-04
cesium中添加大量树_松树 使用方法 https://blog.csdn.net/yilvyangguang520/article/details/122556656
基于cesium实现视频投射功能
11-09
使用cesium实现视频投射，在三维模型上展示实时视频
Cesium 添加必应地图无需申请key
04-26
大家都知道，Cesium通过本身的工具就提供了bing必应地图的加载，但是，需要自己申请key，如果不想那么麻烦申请key，就可以通过下面的代码实现，官方沙箱实例就可以运行啊，需要的下载，有问题联系我
40.（cesium篇）cesium去掉太阳月亮大气圈.zip
06-08
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“40.（cesium篇）cesium去掉太阳月亮大气圈”。如下载有问题，可联系博主。 解压密码：cesium
基于Cesium生成等值线图
12-03
krigingjs是基于普通克里格的地理空间预测与映射Javascript库； 在cesium中生成等值线图等应用
cesium 自定义时间轴 通过改变时间设置光照效果
weixin_42213796的博客
07-15 6832
cesium 自带timeline animation空间有时候满足不了项目的需求，需求要通过自己设置时间来改变光照 this.viewer = new Cesium.Viewer('cesiumContainer', { animation: false, //是否显示动画控件 homeButton: false, //是否显示home键 geocoder: false, //是否显示地名查找控件 baseLayerPicker: false, //是否显示图层选择控件 timel
cesium 获取圆形边界位置_太阳系，我们的家园，它到底有多大？其边界到底在何处？...
weixin_39956182的博客
12-20 422
我们太阳系的直径是多少？太阳与最近的恒星之间可以容纳多少给太阳系？要丈量我们太阳系的大小不是一件容易的事，因为太阳系没有一个明确的边界。我将用两种计算方法来回答这个问题。一种是用冥王星的轨道来当作边界，另一种是用我们所知最远的彗星轨道来当作边界。图解: 太阳和太阳系的行星 (距离未依照比例尺)1.以冥王星轨道 为了解决这个问题，我们用冥王星轨道来作为太阳系边界。问题是冥王星的轨道不是一个圆，而是一...
Cesium入门（五）
沉舟侧畔千帆过 病树前头万木春
04-05 6089
Cesium入门（五） 配置场景 // Enable lighting based on sun/moon positions //使用太阳光也就是我们平时的光白天亮晚上黑 viewer.scene.globe.enableLighting = true; 类型解析 Cartesian3 一个3D笛卡尔坐标 - 当它用作一个位置时，以米为单位.地球中心是圆点 Cartogr...
cesium 亮度设置
weixin_42448623的博客
11-18 8858
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
Cesium 实用总结
Muggle_的博客
05-14 7232
Cesium是什么 Cesium是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。 Cesium能做什么 通过Cesium提供的JS API，可以实现以下功能： 使用 3d tiles格式流加载各种不同的 3d 数据，包含 倾...
cesium中定位方法使用
热门推荐
夕颜的专栏
07-25 4万+
cesium中定位到位置 在cesium中viewer.flyTo和Camera.flyTo的区别挺大，我们通常会用camera来定位，但当需要加上一个倾斜角的时候，可能定位的结果就和预想的区别很大 需求：矩形的中心点位置（110.0，35.8）为想要定位的中心点位置，相机倾斜25度，相机距离中心点的位置为5000 定位到点 viewer.flyTo定位结果 function ...
Cesium设置位置和视角
Scrow1204的博客
05-12 3万+
一、创建服务器（看第一篇笔记） 二、设置视角 在Cesium中是可以打开默认定标和视角的，跟谷歌地球一样，同时注意Cesium使用的坐标系是从地心坐标系，可以通过fromDegrees（）将经纬度和高程转化Cesium坐标系。 viewer.camera.setView({ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 // fr...
Cesium坐标及相互转换
爱晒太阳的风
09-08 2170
目录 一、坐标系 1.1 WGS84坐标系（无实际对象） 1.2 WGS84弧度坐标系（Cartographic） 1.3 笛卡尔空间直角坐标系（Cartesian3）--世界坐标 1.4 平面坐标系（Cartesian2） 二、坐标转换 2.1 经纬度弧度 2.2 WGS84经纬度坐标-->WGS84弧度坐标系（Cartographic） 2.3 WGS84坐标系-->笛卡尔空间直角坐标系（Cartesian3） 2.4 笛卡尔空间直角坐标系（Cartesian3）--&g
cesium添加fbx
08-31
在Cesium中添加FBX模型需要按照以下步骤进行操作： 1. 首先，确保你已经有一个FBX模型文件。如果没有，请先准备好你的FBX模型。 2. 将FBX模型文件拷贝到Cesium的资源文件夹中。通常情况下，资源文件夹位于Cesium的根目录下，命名为"Assets"或者"Data"。 3. 打开Cesium的代码文件，找到你想要添加FBX模型的位置。 4. 在该位置创建一个新的Cesium.Model实例，并指定FBX模型文件的路径作为参数。例如： ```javascript var model = new Cesium.Model({ uri: 'Assets/your_fbx_model.fbx' }); ``` 5. 将该Cesium.Model实例添加到场景中。例如： ```javascript scene.primitives.add(model); ``` 6. 最后，重新加载或刷新你的Cesium应用程序，你将看到添加的FBX模型在场景中显示出来。 请注意，将FBX模型添加到Cesium可能涉及到一些其他步骤，如设置模型的位置、缩放、旋转等。具体操作取决于你的需求和场景设置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值