SuperMap iClient3D for WebGL教程- 环境光

环境光主要用来营造场景整体的光线效果，比如阴、晴、日、夜、黄昏、黎明等，建筑物从而呈现不同环境下的光照效果，使场景更加逼真，接下来我们将使用环境光制作一个深夜场景。

一.核心接口介绍

环境光使用的接口是ambientLightColor，可从viewer.scene.lightSource中获取到，该接口所需要指定的是一个Cesium.Color对象，示范用法如下：

viewer.scene.lightSource.ambientLightColor = new Cesium.Color(0.4, 0.4, 0.4, 0.4);

二.制作深夜场景

1.把地球隐藏掉，让地面是一片黑色，关键代码：

viewer.scene.globe.show = false;

2.屏蔽掉太阳光的影响，核心代码：

viewer.scene.sun.show = false;
viewer.scene.globe.enableLighting = false;

3.关掉大气层，能直接看到黑色星空，核心代码：

viewer.scene.skyAtmosphere.show = false;

4.添加环境光，我们给一个全黑色的环境光,核心代码:

viewer.scene.lightSource.ambientLightColor = new Cesium.Color(0, 0, 0, 0.4);

5.添加场景数据，处理前后场景效果对比如下：

处理前：

处理后：

完整demo可以参考官方在线范例：http://support.supermap.com.cn:8090/webgl/examples/editor.html#tx_lightSource

按照上诉步骤添加核心代码即可做出深夜场景

SuperMap iClient3D for WebGL教程- 环境光相关推荐

SuperMap iClient3D for WebGL教程粒子特效-基础火焰特效
SuperMap iClient3D for WebGL教程粒子特效-基础火焰特效粒子特效简介使用粒子特效完整代码作者: NIck Cheng 粒子特效简介粒子特效通常使用与要表现某些动态 ...
SuperMap iClient3D for WebGL教程粒子特效-扩展喷泉特效
SuperMap iClient3D for WebGL教程粒子特效-扩展喷泉特效扩展喷泉特效喷泉特效实现完整代码作者: NIck Cheng 扩展喷泉特效之前的博客已经讲过了如何去生成一 ...
SuperMap iClient3D for WebGL教程（Entity）-ModelGraphics
作者:为梦齐舞本文同步更新于简书文章[https://www.jianshu.com/p/bdf397685e8b] ModelGraphics类是隶属于实体对象的一个类型,主要用于创建模型图形,加 ...
SuperMap iClient3D for WebGL教程 Camera
SuperMap iClient3D for WebGL教程 Camera WuYK 在WebGL场景里,有一类很重要的对象,那就是我们的相机Camera对象.这里的Camera相当于人的眼睛,从坐标 ...
SuperMap iClient3D for WebGL教程 Primitive
SuperMap iClient3D for WebGL教程 Primitive WuYK 在Webgl中,实体对象主要由两大类组成,一类是Entity对象,还有一类就是Primitive对象.那么有 ...
SuperMap iClient3D for WebGL教程（空间分析）- 地表开挖及修改
地表开挖主要是为了显示出地下的场景,比如地下管网,而地形修改通常是为了让地表平整,便于跟模型匹配,接下来我们分别说说如何实现地表开挖和地形修改. 地表开挖 1.引用核心样式文件和库文件 <scr ...
SuperMap iClient3D for WebGL教程（影像篇）-Mapbox
作者:为梦齐舞本文同步更新于简书文章https://www.jianshu.com/p/e19129908252 Mapbox 是一个可以创建各种自定义地图的网站,如 foursquare.Pint ...
SuperMap iClient3D for WebGL教程（空间分析）- Profile剖面分析
剖面分析是指根据指定的剖面线,输出剖面线与地形数据的表面高程沿某条线(截面)的变化,或剖面线所截的模型建筑物.地下管线等的轮廓线.并支持在剖面线图上进行量算和位置查询功能,同时支持将剖面图输出为图片数 ...
SuperMap iClient3D for WebGL教程（特效）- 扫描线
WebGL带有许多特效效果,本文给大家讲讲怎么实现扫描线的效果.当需要实现事故影响范围的传播,可以使用这个功能. 一.开启特效扫描线特效的功能主要的接口是new Cesium.ScanEffect( ...

SuperMap iClient3D for WebGL教程- 环境光

SuperMap iClient3D for WebGL教程- 环境光相关推荐

最新文章

热门文章