easy-three-utils 0.0.354 → 0.0.356

package/cesium/utils/useCloud.ts

@@ -5,6 +5,9 @@ const useCloud = (viewer: Cesium.Viewer) => {
 
     let cloudsCollection = []
 
+    let globalClouds
+    let cloudData = []
+
     const getRandomPoints = (polygonCartesian: Cesium.Cartesian3[], numPoints: number, h: number) => {
 
         const polygon = polygonCartesian.map(cartesian => {
@@ -87,6 +90,7 @@ const useCloud = (viewer: Cesium.Viewer) => {
         const width = Math.max(...points.map(p => p.x)) - Math.min(...points.map(p => p.x))
         const length = Math.max(...points.map(p => p.y)) - Math.min(...points.map(p => p.y))
         const num = Math.floor(width * length / (options.cloudLength * options.cloudWidth)) * options.density
+
         const _points = getRandomPoints(points, num, 5000 + (options.cloudLength + options.cloudWidth) / 2)
 
         _points.forEach(point => {
@@ -120,6 +124,97 @@ const useCloud = (viewer: Cesium.Viewer) => {
         })
     }
 
+    let angle = 0
+    let speedDegPerSec = 0.1
+    let prevTime = Cesium.JulianDate.clone(viewer.clock.currentTime)
+
+    const onTick = (clock) => {
+        const speed = Cesium.Math.toRadians(speedDegPerSec)
+
+        const now = clock.currentTime;
+        const dt = Cesium.JulianDate.secondsDifference(now, prevTime)
+        prevTime = Cesium.JulianDate.clone(now)
+
+        if (dt <= 0) return
+
+        angle += speed * dt
+        const rot = Cesium.Matrix3.fromRotationZ(angle)
+
+        for (const d of cloudData) {
+            const rotated = new Cesium.Cartesian3()
+            Cesium.Matrix3.multiplyByVector(rot, d.orig, rotated)
+            d.cloud.position = rotated
+        }
+    }
+
+    const enabledGlobalCloud = (options?: {
+        color?: string;
+        number?: number;
+        speed?: number;
+    }) => {
+
+        speedDegPerSec = options.speed ? options.speed : 0.1
+        globalClouds = viewer.scene.primitives.add(new Cesium.CloudCollection())
+        const maxLength = 3000000
+        const minLength = 2000000
+
+        const coords = [
+            { lon: -180, lat: -90 },
+            { lon: 180, lat: -90 },
+            { lon: 180, lat: 90 },
+            { lon: -180, lat: 90 },
+            { lon: -180, lat: -90 },
+        ];
+
+        const points = coords.map(c =>
+            Cesium.Cartesian3.fromDegrees(c.lon, c.lat)
+        )
+
+        const _points = getRandomPoints(points, (options && options.number) ? options.number : 500, Math.floor(Math.random() * (900000 - 700000 + 1)) + 700000)
+        _points.forEach(point => {
+            const r = Math.random()
+            const cloud = globalClouds.add({
+                show: true,
+                position: point,
+                maximumSize: new Cesium.Cartesian3(
+                    5 + r * 15,
+                    4 + r * 10,
+                    3 + r * 5
+                ),
+                scale: new Cesium.Cartesian2(maxLength, Math.floor(Math.random() * (maxLength - minLength + 1)) + minLength),
+                slice: 0.2 + Math.random() * 0.3,
+                brightness: 0.8 + Math.random() * 0.4,
+                color: Cesium.Color.fromCssColorString((options && options.color) ? options.color : 'rgba(255, 255, 255)'),
+                noiseDetail: 3.0 + Math.random(),
+                noiseOffset: new Cesium.Cartesian3(
+                    Math.random() * 100,
+                    Math.random() * 100,
+                    Math.random() * 100
+                ),
+                orientation: Cesium.Quaternion.fromAxisAngle(
+                    Cesium.Cartesian3.UNIT_Z,
+                    Math.random() * Cesium.Math.TWO_PI
+                )
+            })
+
+            cloudData.push({
+                cloud,
+                orig: Cesium.Cartesian3.clone(point)
+            })
+        })
+
+        viewer.clock.onTick.addEventListener(onTick)
+    }
+
+    const disabledGlobalCloud = () => {
+        if (globalClouds) {
+            globalClouds.removeAll()
+            globalClouds = null
+        }
+        cloudData = []
+        viewer.clock.onTick.removeEventListener(onTick)
+    }
+
     const removeAll = () => {
         cloudsCollection.forEach(item => item.clouds.removeAll())
         viewer.scene.primitives.removeAll()
@@ -128,6 +223,8 @@ const useCloud = (viewer: Cesium.Viewer) => {
 
     return {
         draw,
+        enabledGlobalCloud,
+        disabledGlobalCloud,
         removeAll
     }
 }

package/cesium/utils/useSeawater.ts

@@ -20,7 +20,7 @@ const useSeawater = (viewer: Cesium.Viewer) => {
                         fabric: {
                             type: 'Water',
                             uniforms: {
-                                specularMap: __POLT__URL__ + '/assets/image/earthspec.jpg',
+                                specularMap: (window as any).__POLT__URL__ + '/assets/image/earthspec.jpg',
                                 normalMap: Cesium.buildModuleUrl('Assets/Textures/waterNormals.jpg'),
                                 frequency: 10000.0,
                                 animationSpeed: 0.01,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-three-utils",
-  "version": "0.0.354",
+  "version": "0.0.356",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -8,5 +8,5 @@
   "author": "",
   "license": "ISC",
   "types": "./index.d.ts",
-  "description": "新增阳光控制器"
+  "description": "新增全球云(速度调节参数)"
 }