@anov/3d-ability 0.0.4-alpha1

package/dist/environment/rainShder/index.js

@@ -0,0 +1,70 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Mesh, PlaneGeometry, ShaderMaterial, Vector2, use } from '@anov/3d-core';
+import rainShader from "./shader";
+var Snow = /*#__PURE__*/function () {
+  function Snow() {
+    _classCallCheck(this, Snow);
+    _defineProperty(this, "meshes", []);
+    this.initGeometry();
+  }
+  _createClass(Snow, [{
+    key: "initGeometry",
+    value: function initGeometry() {
+      var _this = this;
+      var _use$useScene = use.useScene(),
+        scene = _use$useScene.scene,
+        camera = _use$useScene.camera;
+      if (!scene && !camera) throw new Error('please init scene and camera first');
+      var geometry = new PlaneGeometry(10000, 10000);
+
+      // @ts-ignore
+      rainShader.uniforms.iResolution.value = new Vector2(window.innerWidth, window.innerHeight);
+      var material = new ShaderMaterial({
+        uniforms: rainShader.uniforms,
+        side: 2,
+        depthWrite: false,
+        transparent: true,
+        blending: 2,
+        vertexShader: rainShader.vertexShader,
+        fragmentShader: rainShader.fragmentShader
+      });
+      for (var i = 0; i < 10; i++) {
+        var mesh = new Mesh(geometry, material);
+        // const mesh = new Mesh(geometry, new MeshBasicMaterial({ color: new Color(Math.random() * 0xFFFFFF) }))
+        mesh.position.z = -10000 + i * 1000;
+        mesh.scale.x = Math.random() * 0.5 + 1;
+        mesh.scale.y = Math.random() * 0.5 + 1;
+        scene.add(mesh);
+        this.meshes.push(mesh);
+      }
+      use.useframe(function () {
+        rainShader.uniforms.iTime.value += 0.01;
+        _this.meshes.forEach(function (mesh) {
+          mesh.lookAt(camera.position.x, camera.position.y * 0.1, camera.position.z);
+        });
+      });
+    }
+  }, {
+    key: "stop",
+    value: function stop() {
+      this.meshes.forEach(function (mesh) {
+        mesh.visible = false;
+      });
+    }
+  }, {
+    key: "continue",
+    value: function _continue() {
+      this.meshes.forEach(function (mesh) {
+        mesh.visible = true;
+      });
+    }
+  }]);
+  return Snow;
+}();
+export default Snow;

package/dist/environment/rainShder/shader.d.ts

@@ -0,0 +1,26 @@
+import { Color } from '@anov/3d-core';
+declare const rainShader: {
+    uniforms: {
+        tDiffuse: {
+            value: null;
+        };
+        iResolution: {
+            value: null;
+        };
+        iTime: {
+            value: number;
+        };
+        radian: {
+            value: number;
+        };
+        rainSpeed: {
+            value: number;
+        };
+        rainColor: {
+            value: Color;
+        };
+    };
+    vertexShader: string;
+    fragmentShader: string;
+};
+export default rainShader;

package/dist/environment/rainShder/shader.js

@@ -0,0 +1,28 @@
+import { Color } from '@anov/3d-core';
+
+// source from https://www.shadertoy.com/view/wd2GDG
+var rainShader = {
+  uniforms: {
+    tDiffuse: {
+      value: null
+    },
+    iResolution: {
+      value: null
+    },
+    iTime: {
+      value: 0
+    },
+    radian: {
+      value: 0
+    },
+    rainSpeed: {
+      value: 0.1
+    },
+    rainColor: {
+      value: new Color(1, 1, 1)
+    }
+  },
+  vertexShader: /* glsl */"\n        varying highp vec2 vUv;\n            void main() {\n                vUv = uv;\n                gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n        }",
+  fragmentShader: /* glsl */"\n\n        uniform sampler2D tDiffuse;\n        uniform vec2 iResolution;\n        uniform float iTime;\n        uniform float radian;\n        uniform float rainSpeed;\n        uniform vec3 rainColor;\n        varying highp vec2 vUv;\n\n        float random(float t){\n           return fract(sin(t*745.523)*7894.552);\n        }\n        \n\n        void main(){\n            vec3 col=texture(tDiffuse,vUv).rgb;\n\n            //vec2 uv = gl_FragCoord.xy/iResolution.xy;\n            vec2 uv =vUv;\n            mat2 r=mat2(cos(radian),-sin(radian),sin(radian),cos(radian));\n            uv*=r;\n            uv.y += iTime*2.0*rainSpeed;\n            uv.xy *= 500.0;///\u96E8\u70B9\u4E2A\u6570\n            uv.y += random(floor(uv.x))*500.0;\n            //vec3 rain=vec3(clamp(1.0-length(vec2(cos(uv.x*3.1415 ), sin(uv.y*0.2)-1.7)), 0.0,1.0))*rainColor;///1.7\u90A3\u4E2A\u662F\u96E8\u70B9\u6D53\u5EA60.2\u90A3\u4E2A\u662F\u96E8\u6EF4\u957F\u5EA6\n            vec3 rain=vec3(clamp(1.0-length(vec2(cos(uv.x*3.1415 ), sin(uv.y*0.09)-1.90)), 0.0,1.0))*rainColor;\n            gl_FragColor = vec4(col+rain,0.7);\n        }"
+};
+export default rainShader;

package/dist/environment/shaderCloud/cloudMaterial.d.ts

@@ -0,0 +1,10 @@
+import { ShaderMaterial } from '@anov/3d-core';
+declare type CloudMaterialOptions = {
+    opacity?: number;
+    density?: number;
+};
+declare class CloudMaterial {
+    material: ShaderMaterial;
+    constructor(opts: CloudMaterialOptions);
+}
+export default CloudMaterial;

package/dist/environment/shaderCloud/cloudMaterial.js

@@ -0,0 +1,39 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { ShaderMaterial } from '@anov/3d-core';
+import CloudShader from "./shader";
+var CloudMaterial = /*#__PURE__*/_createClass(function CloudMaterial(opts) {
+  var _opts$opacity, _opts$density;
+  _classCallCheck(this, CloudMaterial);
+  _defineProperty(this, "material", void 0);
+  this.material = new ShaderMaterial({
+    uniforms: {
+      iResolution: {
+        value: null
+      },
+      iTime: {
+        value: 0
+      },
+      cloudDensity: {
+        value: 0.8
+      },
+      skyAlpha: {
+        value: (_opts$opacity = opts.opacity) !== null && _opts$opacity !== void 0 ? _opts$opacity : 0.0
+      },
+      cloudscale: {
+        value: (_opts$density = opts.density) !== null && _opts$density !== void 0 ? _opts$density : 5.4
+      }
+    },
+    side: 2,
+    vertexShader: CloudShader.vertexShader,
+    fragmentShader: CloudShader.fragmentShader,
+    depthWrite: false,
+    transparent: true
+  });
+});
+export default CloudMaterial;

package/dist/environment/shaderCloud/index.d.ts

@@ -0,0 +1,2 @@
+declare const createSkyCloud: (opacity?: number, density?: number) => [(density?: number) => void, () => void];
+export default createSkyCloud;

package/dist/environment/shaderCloud/index.js

@@ -0,0 +1,45 @@
+import { ModelLoader, use } from '@anov/3d-core';
+import Materialcloud from "./cloudMaterial";
+var loader = new ModelLoader();
+var createSkyCloud = function createSkyCloud(opacity, density) {
+  var _use$useScene = use.useScene(),
+    scene = _use$useScene.scene;
+  var isNeedUpdate = false;
+  var currentDensity = 5.4;
+  if (!scene) throw new Error('scene is not defined');
+  var cloudModel;
+  loader.loadGLTF('http://182.92.210.127:8009/image/skySphereMesh.glb', false, false, undefined, function (gltf) {
+    var model = gltf.scene;
+    cloudModel = model;
+    model.scale.set(10000, 15000, 10000);
+
+    // @ts-ignore
+    model.children[0].material = new Materialcloud({
+      opacity: opacity !== null && opacity !== void 0 ? opacity : 0.6,
+      density: density !== null && density !== void 0 ? density : 5.4
+    }).material;
+    scene.add(model);
+    use.useframe(function () {
+      isNeedUpdate && (
+      // @ts-ignore
+      model.children[0].material = new Materialcloud({
+        opacity: opacity !== null && opacity !== void 0 ? opacity : 0.6,
+        density: currentDensity
+      }).material);
+
+      // @ts-ignore
+      model.children[0].material.uniforms.iTime.value += 0.03;
+      isNeedUpdate = false;
+    });
+    return gltf;
+  });
+  var setCloudDensity = function setCloudDensity(density) {
+    isNeedUpdate = true;
+    currentDensity = density !== null && density !== void 0 ? density : currentDensity;
+  };
+  var clear = function clear() {
+    cloudModel && cloudModel.removeFromParent();
+  };
+  return [setCloudDensity, clear];
+};
+export default createSkyCloud;

package/dist/environment/shaderCloud/shader.d.ts

@@ -0,0 +1,5 @@
+declare const CloudShader: {
+    vertexShader: string;
+    fragmentShader: string;
+};
+export default CloudShader;

package/dist/environment/shaderCloud/shader.js

@@ -0,0 +1,6 @@
+/* eslint-disable no-tabs */
+var CloudShader = {
+  vertexShader: /* glsl */"\n\n        varying highp vec2 vUv;\n\n            void main() {\n\n                vUv = uv;\n                gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n        }",
+  fragmentShader: /* glsl */"\nprecision highp float;\nuniform float skyAlpha;\nuniform float iTime;\nuniform float cloudDensity;\nuniform float cloudscale;\nconst float speed = 0.02;\nconst float clouddark = 0.5;\nconst float cloudlight = 0.3;\nconst float cloudcover = 0.2;\nconst float cloudalpha = 8.0;\nconst float skytint = 0.5;\nconst vec3 skycolour1 = vec3(0.2, 0.4, 0.6);\nconst vec3 skycolour2 = vec3(0.4, 0.7, 1.0);\n\nconst mat2 m = mat2( 1.6,  1.2, -1.2,  1.6 );\nconst vec2 iResolution = vec2(0.001,0.001);\nvarying highp vec2 vUv;\n\nvec2 hash( vec2 p ) {\np = vec2(dot(p,vec2(127.1,311.7)), dot(p,vec2(269.5,183.3)));\nreturn -1.0 + 2.0*fract(sin(p)*43758.5453123);\n}\n\nfloat noise( in vec2 p ) {\n    const float K1 = 0.366025404; // (sqrt(3)-1)/2;\n    const float K2 = 0.211324865; // (3-sqrt(3))/6;\n\tvec2 i = floor(p + (p.x+p.y)*K1);\n    vec2 a = p - i + (i.x+i.y)*K2;\n    vec2 o = (a.x>a.y) ? vec2(1.0,0.0) : vec2(0.0,1.0); //vec2 of = 0.5 + 0.5*vec2(sign(a.x-a.y), sign(a.y-a.x));\n    vec2 b = a - o + K2;\n\tvec2 c = a - 1.0 + 2.0*K2;\n    vec3 h = max(0.5-vec3(dot(a,a), dot(b,b), dot(c,c) ), 0.0 );\n\tvec3 n = h*h*h*h*vec3( dot(a,hash(i+0.0)), dot(b,hash(i+o)), dot(c,hash(i+1.0)));\n    return dot(n, vec3(70.0));\n}\n\nfloat fbm(vec2 n) {\n\tfloat total = 0.0, amplitude = 0.1;\n\tfor (int i = 0; i < 7; i++) {\n\t\ttotal += noise(n) * amplitude;\n\t\tn = m * n;\n\t\tamplitude *= 0.4;\n\t}\n\treturn total*1.0;\n}\n\n// -----------------------------------------------\nfloat distanceTo(vec2 src, vec2 dst) {\n    float dx = src.x - dst.x;\n    float dy = src.y - dst.y;\n    float dv = dx * dx + dy * dy;\n    return sqrt(dv);\n}\nvoid mainImage( out vec4 fragColor, in vec2 fragCoord ) {\n   // vec2 p = fragCoord.xy / iResolution.xy;\n    vec2 p = vUv*1.;\n\tvec2 uv = p*vec2(iResolution.x/iResolution.y,1.0);\n    float time = iTime * speed;\n    float q = fbm(uv * cloudscale * 0.5);\n////////\u538B\u8FB9\n    float dis= max(max((p.x*51.-50.0), 1.-(p.x*51.)),max((p.y*3.-2.), 1.-(p.y*3.)));\n    float sphere =pow(distanceTo(vec2(0.5,0.5),p),8.)*1000.;/////\u753B\u5706\u57082\n\n\n    //ridged noise shape\n\tfloat r = 0.0;\n\tuv *= cloudscale;\n    uv -= q - time;\n    float weight = 0.8;\n    for (int i=0; i<8; i++){\n\t\tr += abs(weight*noise( uv ));\n        uv = m*uv + time;\n\t\tweight *= 0.7;\n    }\n\n    //noise shape\n\tfloat f = 0.0;\n    uv = p*vec2(iResolution.x/iResolution.y,1.0);\n\tuv *= cloudscale;\n    uv -= q - time;\n    weight = 0.7;\n    for (int i=0; i<8; i++){\n\t\tf += weight*noise( uv );\n        uv = m*uv + time;\n\t\tweight *= 0.6;\n    }\n\n    f *= r + f;\n\n    //noise colour\n    float c = 0.0;\n    time = iTime * speed * 2.0;\n    uv = p*vec2(iResolution.x/iResolution.y,1.0);\n\tuv *= cloudscale*2.0;\n    uv -= q - time;\n    weight = 0.4;\n    for (int i=0; i<7; i++){\n\t\tc += weight*noise( uv );\n        uv = m*uv + time;\n\t\tweight *= 0.6;\n    }\n\n    //noise ridge colour\n    float c1 = 0.0;\n    time = iTime * speed * 3.0;\n    uv = p*vec2(iResolution.x/iResolution.y,1.0);\n\tuv *= cloudscale*3.0;\n    uv -= q - time;\n    weight = 0.4;\n    for (int i=0; i<7; i++){\n\t\tc1 += abs(weight*noise( uv ));\n        uv = m*uv + time;\n\t\tweight *= 0.6;\n    }\n\n    c += c1;\n\n    vec3 skycolour = mix(skycolour2, skycolour1, p.y)+sphere*0.3;\n    vec3 cloudcolour = vec3(1.1, 1.1, 0.9) * clamp((clouddark + cloudlight*c), 0.0, 1.0);\n\n    f = cloudcover + cloudalpha*f*r;\n\n    float cloudIntensity = clamp(f + c, 0.0, 1.0) * (cloudDensity);\n\n    vec3 result = mix(skycolour, clamp(skytint * skycolour + cloudcolour, 0.0, 1.0), cloudIntensity);\n\n\tfragColor = vec4(result, 0.5);\n    //fragColor = vec4(sphere,0,0,1.); ////- clamp(dis,0.,1.)\n}\n\nvoid main() {\n    vec2 fragCoord = gl_FragCoord.xy;\n    mainImage(gl_FragColor, fragCoord);\n}\n"
+};
+export default CloudShader;

package/dist/environment/showShder/index.d.ts

@@ -0,0 +1,8 @@
+declare class Snow {
+    private meshes;
+    constructor();
+    private initGeometry;
+    stop(): void;
+    continue(): void;
+}
+export default Snow;

package/dist/environment/showShder/index.js

@@ -0,0 +1,73 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Mesh, PlaneGeometry, ShaderMaterial, Vector2, use } from '@anov/3d-core';
+import snowShader from "./shader";
+
+// todo: merge rain
+var Snow = /*#__PURE__*/function () {
+  function Snow() {
+    _classCallCheck(this, Snow);
+    _defineProperty(this, "meshes", []);
+    this.initGeometry();
+  }
+  _createClass(Snow, [{
+    key: "initGeometry",
+    value: function initGeometry() {
+      var _this = this;
+      var _use$useScene = use.useScene(),
+        scene = _use$useScene.scene,
+        camera = _use$useScene.camera;
+      if (!scene && !camera) throw new Error('please init scene and camera first');
+      var geometry = new PlaneGeometry(10000, 10000);
+
+      // @ts-ignore
+      snowShader.uniforms.iResolution.value = new Vector2(window.innerWidth, window.innerHeight);
+      var material = new ShaderMaterial({
+        uniforms: snowShader.uniforms,
+        side: 2,
+        transparent: true,
+        depthTest: false,
+        blending: 2,
+        vertexShader: snowShader.vertexShader,
+        fragmentShader: snowShader.fragmentShader
+      });
+      for (var i = 0; i < 10; i++) {
+        var mesh = new Mesh(geometry, material);
+        // const mesh = new Mesh(geometry, new MeshBasicMaterial({ color: new Color(Math.random() * 0xFFFFFF) }))
+        mesh.position.z = -10000 + i * 1000;
+        mesh.scale.x = Math.random() * 0.5 + 1;
+        mesh.scale.y = Math.random() * 0.5 + 1;
+        scene.add(mesh);
+        this.meshes.push(mesh);
+      }
+      use.useframe(function () {
+        snowShader.uniforms.iTime.value += 0.01;
+        snowShader.uniforms.snowSpeed.value = 1;
+        _this.meshes.forEach(function (mesh) {
+          mesh.lookAt(camera.position.x, camera.position.y * 0.1, camera.position.z);
+        });
+      });
+    }
+  }, {
+    key: "stop",
+    value: function stop() {
+      this.meshes.forEach(function (mesh) {
+        mesh.visible = false;
+      });
+    }
+  }, {
+    key: "continue",
+    value: function _continue() {
+      this.meshes.forEach(function (mesh) {
+        mesh.visible = true;
+      });
+    }
+  }]);
+  return Snow;
+}();
+export default Snow;

package/dist/environment/showShder/shader.d.ts

@@ -0,0 +1,28 @@
+declare const snowShader: {
+    uniforms: {
+        tDiffuse: {
+            value: null;
+        };
+        iResolution: {
+            value: null;
+        };
+        iTime: {
+            value: number;
+        };
+        size: {
+            value: number;
+        };
+        density: {
+            value: number;
+        };
+        snowSpeed: {
+            value: number;
+        };
+        camVert: {
+            value: number;
+        };
+    };
+    vertexShader: string;
+    fragmentShader: string;
+};
+export default snowShader;

package/dist/environment/showShder/shader.js

@@ -0,0 +1,32 @@
+// source from https://www.shadertoy.com/view/wt3GWH
+var snowShader = {
+  uniforms: {
+    tDiffuse: {
+      value: null
+    },
+    iResolution: {
+      value: null
+    },
+    iTime: {
+      value: 0
+    },
+    size: {
+      value: 0.032
+    },
+    // 0.05
+    density: {
+      value: 1.0
+    },
+    // 1.0
+    snowSpeed: {
+      value: 0.1
+    },
+    // 1.0
+    camVert: {
+      value: 1.0
+    }
+  },
+  vertexShader: /* glsl */"\n        varying highp vec2 vUv;\n        varying vec3 vPosition;\n            void main() {\n                vUv = uv;\n                gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n        }",
+  fragmentShader: /* glsl */"\n        #define PI 3.14159265359\n        uniform sampler2D tDiffuse;\n        uniform vec2 iResolution;\n        uniform float iTime;\n        uniform float size;\n        uniform float density;\n        uniform float snowSpeed;\n        uniform float camVert;\n        varying highp vec2 vUv;\n\n        float ball(vec2 p) {\n           float d = distance(vec2(.5), p);\n           return smoothstep(size,size - .05, d);\n        }\n        float N11(float n) {\n           return fract(sin(n * 871.213) * 3134.422);\n        }\n        float N21(vec2 uv) {\n           return N11(N11(uv.x) + uv.y);\n        }\n        \n        float snow(vec2 uv, float t) {\n           vec2 org_uv = vec2(uv.x, uv.y);\n           float z = 10.;\n           uv.y += t * .5;\n           vec2 gv = fract(uv*z);\n           vec2 id = floor(uv*z); \n           gv.x += (sin(N21(id) * 128. + t) * .4);\n           gv.y += (sin(N11(N21(id)) * 128. + t) * .4);\n           float dots = ball(gv);\n           return dots;\n        }\n        void main(){\n            vec3 col=texture(tDiffuse,vUv).rgb;\n            vec2 uv= vUv;\n            float t = iTime * .3*snowSpeed;\n            vec2 gh_uv = uv;\n            vec3 colSnow = vec3(0.);\n            float m = 0.;\n    \n            for(float i =0.; i <= .5; i += 1. / (16.*density)) {\n                float z = mix(1., .5 , i);\n                vec2 offset = vec2(N11(i), N11(N11(i)));\n                m += snow((uv + offset) * z, t) * .3;\n            }\n    \n\n            colSnow = vec3(m)*1.2;\n            gl_FragColor = vec4(colSnow,colSnow.x);\n        }"
+};
+export default snowShader;

package/dist/environment/sky/index.d.ts

@@ -0,0 +1,12 @@
+import { Group, Vector3 } from '@anov/3d-core';
+/**
+ * create sky system
+ * @param date
+ * @param latitude
+ * @param longitude
+ * @returns
+ */
+declare const createSkySystem: (date: Date, latitude: number, longitude: number, sunRadius?: number) => [(currentDate?: Date) => Vector3, Group & {
+    sunPosition: Vector3;
+}, any];
+export default createSkySystem;

package/dist/environment/sky/index.js

@@ -0,0 +1,116 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { DirectionalLight, Group, MathUtils, Vector3, lib, use } from '@anov/3d-core';
+import { getLastValue } from "../../utils";
+import { getSunPosition } from "../sun";
+var Sky = lib.Sky;
+/**
+ * 天空盒 shader
+ */
+var initsSkySystem = function initsSkySystem(options) {
+  var sky = new Sky();
+  var position = new Vector3();
+  var _use$useScene = use.useScene(),
+    renderer = _use$useScene.renderer;
+  sky.scale.setScalar(450000);
+  var effectController = {
+    turbidity: 10,
+    rayleigh: 3,
+    mieCoefficient: 0.005,
+    mieDirectionalG: 0.7,
+    elevation: 2,
+    azimuth: 180,
+    exposure: renderer.toneMappingExposure
+  };
+  // @ts-ignore
+  var uniforms = sky.material.uniforms;
+  uniforms.turbidity.value = effectController.turbidity;
+  uniforms.rayleigh.value = effectController.rayleigh;
+  uniforms.mieCoefficient.value = effectController.mieCoefficient;
+  uniforms.mieDirectionalG.value = effectController.mieDirectionalG;
+  var phi = MathUtils.degToRad(90 - effectController.elevation);
+  var theta = MathUtils.degToRad(effectController.azimuth);
+  position.setFromSphericalCoords(1, phi, theta);
+  uniforms.sunPosition.value.copy(position);
+  return [sky, position, uniforms];
+};
+/**
+ * create sun light
+ * @param options
+ * @returns
+ */
+var initSunLight = function initSunLight(options) {
+  var _opts$mapSize, _opts$mapSize2;
+  var opts = options || {};
+  var sunLight = new DirectionalLight(getLastValue(opts.color, 'white'), getLastValue(opts.intensity, 1));
+  sunLight.castShadow = true;
+  sunLight.shadow.bias = getLastValue(opts.bias, -0.005);
+  sunLight.shadow.mapSize.set(getLastValue((_opts$mapSize = opts.mapSize) === null || _opts$mapSize === void 0 ? void 0 : _opts$mapSize[0], 1024 * 2), getLastValue((_opts$mapSize2 = opts.mapSize) === null || _opts$mapSize2 === void 0 ? void 0 : _opts$mapSize2[1], 1024 * 2));
+  var cam = sunLight.shadow.camera;
+  //   cam.near = getLastValue(opts.near, 0.1)
+  //   cam.far = getLastValue(opts.far, 10000)
+  //   cam.left = getLastValue(opts.left, -10000)
+  //   cam.right = getLastValue(opts.right, 10000)
+  //   cam.top = getLastValue(opts.top, 10000)
+  //   cam.bottom = getLastValue(opts.bottom, -10000)
+
+  return sunLight;
+};
+
+/**
+ * create sky system
+ * @param date
+ * @param latitude
+ * @param longitude
+ * @returns
+ */
+var createSkySystem = function createSkySystem(date, latitude, longitude) {
+  var sunRadius = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 300;
+  var _use$useScene2 = use.useScene(),
+    renderer = _use$useScene2.renderer,
+    scene = _use$useScene2.scene;
+  if (!renderer && !scene) throw new Error('renderer or scene is not exist');
+  var _initsSkySystem = initsSkySystem(),
+    _initsSkySystem2 = _slicedToArray(_initsSkySystem, 3),
+    sky = _initsSkySystem2[0],
+    position = _initsSkySystem2[1],
+    uniforms = _initsSkySystem2[2];
+  var sunLight = initSunLight();
+  var skyGroup = new Group();
+  scene.add(sky);
+  skyGroup.add(sunLight);
+  scene.add(skyGroup);
+  var move = function move(altitude, azimuth) {
+    position.setFromSphericalCoords(sunRadius, MathUtils.degToRad(90 - MathUtils.radToDeg(altitude)), azimuth);
+    uniforms.sunPosition.value.copy(position);
+    var x = sunRadius * Math.cos(altitude) * Math.cos(azimuth);
+    var z = sunRadius * Math.cos(altitude) * Math.sin(azimuth);
+    var y = sunRadius * Math.sin(altitude);
+    var sunPosition = new Vector3(x, y, z);
+    skyGroup.sunPosition = sunPosition;
+    skyGroup.position.copy(position);
+    return sunPosition;
+  };
+  var _getSunPosition = getSunPosition(date, latitude, longitude),
+    altitude = _getSunPosition.altitude,
+    azimuth = _getSunPosition.azimuth;
+  move(altitude, azimuth);
+
+  /**
+     * set date
+     * @param currentDate
+     * @returns
+     */
+  var setDate = function setDate(currentDate) {
+    var _getSunPosition2 = getSunPosition(currentDate || date, latitude, longitude),
+      altitude = _getSunPosition2.altitude,
+      azimuth = _getSunPosition2.azimuth;
+    return move(altitude, azimuth);
+  };
+  return [setDate, skyGroup, sky];
+};
+export default createSkySystem;

package/dist/environment/snow.d.ts

@@ -0,0 +1,16 @@
+import type { SpeedType } from './rain';
+declare type CreateSnowReturn = [
+    () => void,
+    () => void
+];
+/**
+ * create snow
+ * @param size 雪花大小
+ * @param range 降雪范围
+ * @param speed 降雪速度
+ * @param opacity 雪花透明度
+ * @param count 雪花密度
+ * @returns
+ */
+export declare const createSnow: (size?: number, range?: number, speed?: SpeedType, opacity?: number, count?: number) => CreateSnowReturn;
+export {};

package/dist/environment/snow.js

@@ -0,0 +1,45 @@
+import { globalObjectManage, use } from '@anov/3d-core';
+import EnvironmentPoints from "./utils/points";
+var useframe = use.useframe;
+/**
+ * create snow
+ * @param size 雪花大小
+ * @param range 降雪范围
+ * @param speed 降雪速度
+ * @param opacity 雪花透明度
+ * @param count 雪花密度
+ * @returns
+ */
+export var createSnow = function createSnow() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+  var range = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+  var speed = arguments.length > 2 ? arguments[2] : undefined;
+  var opacity = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0.6;
+  var count = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 100;
+  var points = new EnvironmentPoints({
+    size: size,
+    opacity: opacity,
+    speed: speed,
+    range: range,
+    count: count,
+    url: 'data:image/png;base64,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'
+  });
+  var removeFrame = null;
+  var isBoundaryJudgment = true;
+  var start = function start() {
+    globalObjectManage.scene.add(points.point);
+    removeFrame = useframe(function () {
+      points.animation(function (position) {
+        position.y -= position.speedY;
+        if (position.y <= 0 && isBoundaryJudgment) position.y = 1000 / 2;
+      });
+    });
+  };
+  var stop = function stop() {
+    if (removeFrame) {
+      removeFrame();
+      globalObjectManage.scene.remove(points.point);
+    }
+  };
+  return [start, stop];
+};

package/dist/environment/sun/index.d.ts

@@ -0,0 +1,13 @@
+import { Group } from '@anov/3d-core';
+export declare const getSunPosition: (date: Date, latitude: number, longitude: number) => {
+    altitude: number;
+    azimuth: number;
+};
+/**
+ * create init
+ * @param date
+ * @param latitude
+ * @param longitude
+ * @param distance
+ */
+export declare const createSun: (date: Date, latitude: number, longitude: number, distance?: number, autoUpdate?: boolean) => (Group | ((date: Date, latitude: number, longitude: number) => void))[];