Cesium基础知识-添加全球水特效

1. var viewer = new Cesium.Viewer('cesiumContainer');
2.  // 添加图层
3.  viewer.imageryLayers.addImageryProvider(
4.     new Cesium.WebMapTileServiceImageryProvider({
5.       url: 'http://t0.tianditu.gov.cn/cia_w/wmts?tk=cda0933a3f64de1ae589eedeb0cb9010',
6.       layer: 'cia',
7.       style: 'default',
8.       tileMatrixSetID: 'w',
9.       format: 'tiles',
10.       maximumLevel: 18
11.     })
12.   )
13. //地形服务
14. /*
15.  var terrain = new Cesium.CesiumTerrainProvider({
16.     url: "https://www.supermapol.com/realspace/services/3D-stk_terrain/rest/realspace/datas/info/data/path",
17.     requestWaterMask: true,
18.     requestVertexNormals: true,
19.     isSct: false
20. });
22. //开启地形
23. viewer.scene.globe.depthTestAgainstTerrain = true;
24. //设置cesium的体表图层为terrain
25.  viewer.terrainProvider = terrain;
26. */
27. //加载水特效全球
28. function LoadWaterEffects() {
29.     //viewer.scene.imageryLayers.removeAll(true)
30.     //viewer.scene.skyAtmosphere.brightnessShift = 0.45
31.     viewer.scene.skyAtmosphere.saturationShift = 0.35
32.     //球体颜色
33.     viewer.scene.globe.baseColor = Cesium.Color.fromCssColorString('#696969')
34.     // viewer.scene.globe.enableLighting = true
35.      viewer.scene.globe.fillHighlightColor = Cesium.Color.fromCssColorString('#172E1B')
36.     viewer.scene.globe.cullEnabled = true
37.     //全球动态水面
38.     const worldRectangle = viewer.scene.primitives.add(new Cesium.Primitive({
39.         geometryInstances: new Cesium.GeometryInstance({
40.             geometry: new Cesium.RectangleGeometry({
41.                 rectangle: Cesium.Rectangle.fromDegrees(-180.0, -90.0, 180.0, 90.0),
42.                 vertexFormat: Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT
43.             })
44.         }),
45.         //水材质
46.         appearance: new Cesium.EllipsoidSurfaceAppearance({
47.             material: new Cesium.Material({
48.                 fabric: {
49.                     type: 'Water',
50.                     uniforms: {
51.                         //水面颜色
52.                         baseWaterColor: new Cesium.Color(0.0, 0.0, 0.0, 0.5),
53.                         //边界颜色
54.                         blendColor: Cesium.Color.fromCssColorString('#696969'),
56.                         specularMap: '../../img/earthspec.jpg',
57.                         normalMap: '../../img/water.png',
58.                         frequency: 5000.0,
59.                         animationSpeed: 0.01,
60.                         amplitude: 2.0
61.                     }
62.                 }
63.             }),
64.             aboveGround: true
65.         }),
66.         show: true
67.     }))
68. }
69. LoadWaterEffects();