@erikwatson/snowfall 3.0.2 → 3.1.0

package/README.md

@@ -15,34 +15,75 @@ displayed over the top. [Check out this example](http://erikwatson.me/?snow).
 - Density of snowflakes looks correct even when the window is resized.
 - Small, with no dependencies.
 
-## Instructions
+## Instructions - Package Manager
 
-First, install.
+### Install it
 
 ```sh
-# if you're using yarn
+# if you're using yarn install with
 yarn add @erikwatson/snowfall
 
-# if you're using npm
+# if you're using npm install with
 npm install @erikwatson/snowfall
 ```
 
-Then...
+### Use it
+
+Add a div with an ID of `snow-container` to your page. You will need to set the
+width and height of this yourself using CSS.
 
 ```html
-<!-- You are expected to size and position this yourself with CSS -->
 <div id="snow-container"></div>
+```
+
+Then, at the bottom of your page body add the following.
+
+```html
+<script
+  type="text/javascript"
+  src="./node_modules/@erikwatson/snowfall/dist/snowfall.min.js"
+></script>
+<script>
+  // You can change the defaults by passing in a config object here
+  // Use the Visual Config Editor to create one
+  snowfall.start()
+</script>
+```
+
+**WARNING:** You should symlink to the .js file rather than have a publicly
+accessible node_modules folder. It is this way here just to keep example simple.
+
+## Instructions - CDN
 
-<!-- Include the lib, wherever you've put it -->
-<script type="text/javascript" src="./path/to/snowfall.min.js"></script>
+First, add a div with an ID of `snow-container` to your page. You will need to
+set the width and height of this yourself using CSS.
+
+```html
+<div id="snow-container"></div>
 ```
 
-```js
-// You can change the defaults by passing in a config object here
-// Use the Visual Config Editor to create one
-snowfall.start()
+Then, at the bottom of your page body add the following.
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@erikwatson/snowfall/dist/snowfall.min.js"></script>
+<script>
+  // You can change the defaults by passing in a config object here
+  // Use the Visual Config Editor to create one
+  snowfall.start()
+</script>
 ```
 
-## Authors
+### Specify Version
+
+It is not recommended to always use the latest version, especially in
+production. You can change the CDN url to specify control over the version using
+the `@version` syntax like so.
+
+- **latest release**: https://cdn.jsdelivr.net/npm/@erikwatson/snowfall/dist/snowfall.min.js
+- **major release**: https://cdn.jsdelivr.net/npm/@erikwatson/snowfall@3/dist/snowfall.min.js
+- **minor release**: https://cdn.jsdelivr.net/npm/@erikwatson/snowfall@3.1/dist/snowfall.min.js
+- **patch release**: https://cdn.jsdelivr.net/npm/@erikwatson/snowfall@3.0.1/dist/snowfall.min.js
+
+## Author
 
 - [Erik Watson](http://erikwatson.me)

package/dist/snowfall.min.js

@@ -1 +1 @@
-window.snowfall=function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(i,r,function(e){return t[e]}.bind(null,r));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){const i=n(1),r=document.querySelector("#snow-container"),o=document.createElement("canvas"),a=o.getContext("2d");let d=i.create(0,.7),s=i.create(0,0),l=200,c=[],u="#0d0014",f="#8d90b7",h="#ffffff",y=1,g=.02;function p(t,e){(d=i.fromDegrees(t)).multiplyScalar(e)}function v(t,e){(s=i.fromDegrees(t)).multiplyScalar(e)}function m(){o.width=r.offsetWidth,o.height=r.offsetHeight,c=P(q())}function w(){c.forEach(t=>{b.x=s.x,b.y=s.y,b.multiplyScalar(t.size+t.random),t.pos.add(b),M.x=d.x,M.y=d.y,M.multiplyScalar(t.size+t.random),t.pos.add(M);const e=t.noise;S=i.create(y*Math.sin(g*x+e),0),t.pos.add(S),t.pos.x>o.width&&(t.pos.x=0),t.pos.x<0&&(t.pos.x=o.width),t.pos.y>o.height&&(t.pos.y=0,t.pos.x=Math.random()*o.width),t.pos.y<0&&(t.pos.y=o.height,t.pos.x=Math.random()*o.width)}),x+=1,function(){a.clearRect(0,0,o.width,o.height),u&&(a.fillStyle=u,a.fillRect(0,0,o.width,o.height));const t=c.filter(t=>t.size>=7),e=c.filter(t=>t.size<7);a.fillStyle=f,e.forEach(t=>{a.beginPath(),z(t.pos,t.size),a.fill()}),a.fillStyle=h,t.forEach(t=>{a.beginPath(),z(t.pos,t.size),a.fill()})}(),window.requestAnimationFrame(w)}let x=0;const b=i.create(0,0),M=i.create(0,0);let S=null;function P(t){let e=[];for(;t--;)e.push({pos:i.create(Math.random()*o.width,Math.random()*o.height),size:3+5*Math.random(),noise:10*Math.random(),amplitude:2*Math.random(),frequency:.01*Math.random(),random:Math.random()});return e}function q(){const t=o.width*o.height;return Math.round(l*(t/2073600))}function z(t,e){a.arc(t.x,t.y,e,0,2*Math.PI,!1)}t.exports={setAmplitude:function(t){y=t},setBackground:function(t){u=t},setDensity:function(t){l=t,c=P(q())},setFrequency:function(t){g=t},setGravity:p,setPrimary:function(t){f=t},setSecondary:function(t){h=t},setWind:v,start:function(t={}){void 0!==t.bg&&(u=t.bg),void 0!==t.primary&&(f=t.primary),void 0!==t.secondary&&(h=t.secondary),void 0!==t.density&&(l=t.density),void 0!==t.wave&&(void 0!==t.wave.amplitude&&(y=t.wave.amplitude),void 0!==t.wave.frequency&&(g=t.wave.frequency)),void 0!==t.gravity&&(void 0!==t.gravity.angle&&void 0!==t.gravity.strength&&p(t.gravity.angle,t.gravity.strength),void 0!==t.gravity.angle&&void 0===t.gravity.strength&&p(t.gravity.angle,.6),void 0===t.gravity.angle&&void 0!==t.gravity.strength&&p(90,t.gravity.strength)),void 0!==t.wind&&(void 0!==t.wind.angle&&void 0!==t.wind.strength&&v(t.wind.angle,t.wind.strength),void 0!==t.wind.angle&&void 0===t.wind.strength&&v(t.wind.angle,0),void 0===t.wind.angle&&void 0!==t.wind.strength&&v(0,t.wind.strength)),o.width=r.offsetWidth,o.height=r.offsetHeight,r.appendChild(o),c=P(q()),window.onresize=m,window.requestAnimationFrame(w)}}},function(t,e){function n(t,e){let r=t,o=e;const a=()=>Math.sqrt(r*r+o*o),d=t=>{r*=t,o*=t},s=()=>{let t=a();r/=t,o/=t};return{add:t=>{r+=t.x,o+=t.y},addScalar:t=>{r+=t,o+=t},clone:i,divide:t=>{r/=t.x,o/=t.y},divideScalar:t=>{r/=t,o/=t},dot:t=>r*t.x+o*t.y,getLength:a,getOpposite:t=>n(-t.x,-t.y),getPerp:()=>n(-o,r),isEqualTo:t=>r==t.x&&o==t.y,multiply:t=>{r*=t.x,o*=t.y},multiplyScalar:d,normalise:s,setLength:t=>{s(),d(t)},subtract:t=>{r-=t.x,o-=t.y},subtractScalar:t=>{r-=t,o-=t},set x(t){r=t},get x(){return r},set y(t){o=t},get y(){return o}}}const i=t=>n(t.x,t.y);t.exports={clone:i,create:n,fromDegrees:t=>{const e=t*(Math.PI/180);return n(Math.cos(e),Math.sin(e))}}}]);
+window.snowfall=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){const i=n(1),{lerp:r}=n(2),o=document.querySelector("#snow-container"),a=document.createElement("canvas"),d=a.getContext("2d");let s=i.create(0,.7),l=i.create(0,0),c=200,u=[],f="#0d0014",g="#8d90b7",h="#ffffff",y=1,p=.02,v=!1,m=!1,w=!1;function x(e,t){(s=i.fromDegrees(e)).multiplyScalar(t)}function S(e,t){(l=i.fromDegrees(e)).multiplyScalar(t)}function b(){a.width=o.offsetWidth,a.height=o.offsetHeight,u=q(j())}function M(){w||(u.forEach(e=>{P.x=l.x,P.y=l.y,P.multiplyScalar(e.size+e.random),e.pos.add(P),O.x=s.x,O.y=s.y,O.multiplyScalar(e.size+e.random),e.pos.add(O);const t=e.noise;let n=i.create(y*Math.sin(p*z+t),0);e.pos.add(n),e.pos.x>a.width&&(e.pos.x=0),e.pos.x<0&&(e.pos.x=a.width),e.pos.y>a.height&&(e.pos.y=e.pos.y-a.height,e.pos.x=Math.random()*a.width),e.pos.y<0&&(e.pos.y=a.height-e.pos.y,e.pos.x=Math.random()*a.width),e.renderedSize<e.size&&(e.renderedSize=r(e.renderedSize,e.size,.025))}),previousPageYOffset=window.pageYOffset,z+=1,function(){d.clearRect(0,0,a.width,a.height),f&&(d.fillStyle=f,d.fillRect(0,0,a.width,a.height));const e=u.filter(e=>e.size>=7),t=u.filter(e=>e.size<7);d.fillStyle=g,t.forEach(e=>{d.beginPath(),_(e.pos,e.renderedSize),d.fill()}),d.fillStyle=h,e.forEach(e=>{d.beginPath(),_(e.pos,e.renderedSize),d.fill()})}()),window.requestAnimationFrame(M)}let z=0;const P=i.create(0,0),O=i.create(0,0);function q(e){let t=[];for(;e--;){const e=3+5*Math.random(),n=!0===v?0:e;t.push({pos:i.create(Math.random()*a.width,Math.random()*a.height),size:e,renderedSize:n,noise:10*Math.random(),amplitude:2*Math.random(),frequency:.01*Math.random(),random:Math.random()})}return t}function j(){const e=a.width*a.height;return Math.round(c*(e/2073600))}function _(e,t){d.arc(e.x,e.y,t,0,2*Math.PI,!1)}function E(){u=q(j())}e.exports={setAmplitude:function(e){y=e},setBackground:function(e){f=e},setDensity:function(e){c=e,E()},setFade:function(e){v=e,E()},setScroll:function(e){m=e},setFrequency:function(e){p=e},setGravity:x,setPrimary:function(e){g=e},setSecondary:function(e){h=e},setWind:S,setPaused:function(e){w=e},togglePaused:function(){w=!w},start:function(e={}){void 0!==e.bg&&(f=e.bg),void 0!==e.primary&&(g=e.primary),void 0!==e.secondary&&(h=e.secondary),void 0!==e.density&&(c=e.density),void 0!==e.fadeIn&&(v=e.fadeIn),void 0!==e.scroll&&(m=e.scroll),void 0!==e.wave&&(void 0!==e.wave.amplitude&&(y=e.wave.amplitude),void 0!==e.wave.frequency&&(p=e.wave.frequency)),void 0!==e.gravity&&(void 0!==e.gravity.angle&&void 0!==e.gravity.strength&&x(e.gravity.angle,e.gravity.strength),void 0!==e.gravity.angle&&void 0===e.gravity.strength&&x(e.gravity.angle,.7),void 0===e.gravity.angle&&void 0!==e.gravity.strength&&x(90,e.gravity.strength)),void 0!==e.wind&&(void 0!==e.wind.angle&&void 0!==e.wind.strength&&S(e.wind.angle,e.wind.strength),void 0!==e.wind.angle&&void 0===e.wind.strength&&S(e.wind.angle,0),void 0===e.wind.angle&&void 0!==e.wind.strength&&S(0,e.wind.strength)),a.width=o.offsetWidth,a.height=o.offsetHeight,o.appendChild(a),u=q(j()),window.onresize=b,window.requestAnimationFrame(M)}}},function(e,t){function n(e,t){let r=e,o=t;const a=()=>Math.sqrt(r*r+o*o),d=e=>{r*=e,o*=e},s=()=>{let e=a();r/=e,o/=e};return{add:e=>{r+=e.x,o+=e.y},addScalar:e=>{r+=e,o+=e},clone:i,divide:e=>{r/=e.x,o/=e.y},divideScalar:e=>{r/=e,o/=e},dot:e=>r*e.x+o*e.y,getLength:a,getOpposite:e=>n(-e.x,-e.y),getPerp:()=>n(-o,r),isEqualTo:e=>r==e.x&&o==e.y,multiply:e=>{r*=e.x,o*=e.y},multiplyScalar:d,normalise:s,setLength:e=>{s(),d(e)},subtract:e=>{r-=e.x,o-=e.y},subtractScalar:e=>{r-=e,o-=e},set x(e){r=e},get x(){return r},set y(e){o=e},get y(){return o}}}const i=e=>n(e.x,e.y);e.exports={clone:i,create:n,fromDegrees:e=>{const t=e*(Math.PI/180);return n(Math.cos(t),Math.sin(t))}}},function(e,t){e.exports={lerp:function(e,t,n){return e*(1-n)+t*n}}}]);

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@erikwatson/snowfall",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "Nice snow in a JS Canvas.",
-  "main": "dist/snowfall.js",
+  "main": "dist/snowfall.min.js",
   "repository": "git@github.com:erikwatson/snowfall.js.git",
   "author": "Erik Watson <erik@erikwatson.me>",
   "license": "MIT",
@@ -16,6 +16,7 @@
     "build": "yarn webpack --config ./webpack.development.js",
     "build:production": "yarn webpack --config ./webpack.production.js",
     "build:all": "yarn build && yarn build:production",
+    "build:docs": "yarn jsdoc src/snowfall.js -d ./docs README.md",
     "watch": "yarn run build --watch",
     "pub": "yarn build:all && npm publish"
   },

package/dist/snowfall.js

@@ -1,586 +0,0 @@
-window["snowfall"] =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "./src/snowfall.js");
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./src/snowfall.js":
-/*!*************************!*\
-  !*** ./src/snowfall.js ***!
-  \*************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-/**
- * @module snowfall
- */
-
-const vec2 = __webpack_require__(/*! ./vec2 */ "./src/vec2.js")
-
-const appContainer = document.querySelector('#snow-container')
-
-const canvas = document.createElement('canvas')
-const ctx = canvas.getContext('2d')
-
-let gravity = vec2.create(0, 0.7)
-let wind = vec2.create(0, 0)
-let density = 200
-
-let snowflakes = []
-
-let bg = '#0d0014'
-let primary = '#8d90b7'
-let secondary = '#ffffff'
-
-let amplitude = 1.0
-let frequency = 0.02
-
-/**
- * @param {Object} config - A config, possibly from the Visual Config Editor.
- * @param {string} config.bg - A hex string representing the Background Colour
- * of the canvas.
- * @param {string} config.primary - A hex string representing the colour of the
- * snowflakes in the foreground.
- * @param {string} config.secondary - A hex string representing the colour of
- * the snowflakes in the background.
- * @param {number} config.density - A number representing the required density
- * of snowflakes on screen. Note, this is not the actual number of snowflakes.
- *
- * @param {Object} config.wave - Configure the wave motion of the snowflakes.
- * @param {number} config.wave.frequency - The frequency of the wave the
- * snowflakes follow.
- * @param {number} config.wave.amplitude - The amplitude of the wave the
- * snowflakes follow.
- *
- * @param {Object} config.gravity - Configure the gravity of the simulation.
- * @param {number} config.gravity.angle - The angle of gravity, in degrees.
- * @param {number} config.gravity.strength - The strength of gravity.
- *
- * @param {Object} config.wind - Configure the wind.
- * @param {number} config.wind.angle - The angle of the wind, in degrees.
- * @param {number} config.wind.strength - The strength of the wind.
- */
-function start(config = {}) {
-  if (config.bg !== undefined) {
-    bg = config.bg
-  }
-
-  if (config.primary !== undefined) {
-    primary = config.primary
-  }
-
-  if (config.secondary !== undefined) {
-    secondary = config.secondary
-  }
-
-  if (config.density !== undefined) {
-    density = config.density
-  }
-
-  if (config.wave !== undefined) {
-    if (config.wave.amplitude !== undefined) {
-      amplitude = config.wave.amplitude
-    }
-
-    if (config.wave.frequency !== undefined) {
-      frequency = config.wave.frequency
-    }
-  }
-
-  if (config.gravity !== undefined) {
-    if (
-      config.gravity.angle !== undefined &&
-      config.gravity.strength !== undefined
-    ) {
-      setGravity(config.gravity.angle, config.gravity.strength)
-    }
-
-    if (
-      config.gravity.angle !== undefined &&
-      config.gravity.strength === undefined
-    ) {
-      setGravity(config.gravity.angle, 0.6)
-    }
-
-    if (
-      config.gravity.angle === undefined &&
-      config.gravity.strength !== undefined
-    ) {
-      setGravity(90, config.gravity.strength)
-    }
-  }
-
-  if (config.wind !== undefined) {
-    if (config.wind.angle !== undefined && config.wind.strength !== undefined) {
-      setWind(config.wind.angle, config.wind.strength)
-    }
-
-    if (config.wind.angle !== undefined && config.wind.strength === undefined) {
-      setWind(config.wind.angle, 0.0)
-    }
-
-    if (config.wind.angle === undefined && config.wind.strength !== undefined) {
-      setWind(0.0, config.wind.strength)
-    }
-  }
-
-  canvas.width = appContainer.offsetWidth
-  canvas.height = appContainer.offsetHeight
-  appContainer.appendChild(canvas)
-
-  snowflakes = makeSnowflakes(requiredSnowflakes())
-
-  window.onresize = onResize
-  window.requestAnimationFrame(onEnterFrame)
-}
-
-/**
- * Set the background colour
- *
- * @param {string} colour - The background colour of the Canvas
- */
-function setBackground(col) {
-  bg = col
-}
-
-/**
- * Sets the colour of the Snowflakes in the foreground
- *
- * @param {string} colour - A Hex string representing the colour of the
- *                          foreground snow.
- */
-function setPrimary(col) {
-  primary = col
-}
-
-/**
- * Sets the colour of the Snowflakes in the background
- *
- * @param {string} colour - A Hex string representing the colour of the
- *                          background snow.
- */
-function setSecondary(col) {
-  secondary = col
-}
-
-/**
- * Set the density of the Snowflakes. This is the number of snowflakes on screen
- * at a resolution of 1280 x 1080, but this number is scaled up and down at
- * higher and lower resolutions respectively to give a consistent look when
- * resizing.
- *
- * @param {number} density - A number representing the density of snowflakes.
- */
-function setDensity(den) {
-  density = den
-  restart()
-}
-
-/**
- * Set the Amplitude of the Wave motion of the Snowflakes
- *
- * @param {number} amplitude - The Amplitude to set
- */
-function setAmplitude(num) {
-  amplitude = num
-}
-
-/**
- * Set the Frequency of the Wave motion of the Snowflakes.
- *
- * @param {number} frequency - The frequency to set
- */
-function setFrequency(freq) {
-  frequency = freq
-}
-
-/**
- * Set the angle and strength of gravity in the simulation.
- *
- * @param {number} angle - The angle of gravity, in degrees
- * @param {number} strength - The strength of the gravity
- */
-function setGravity(degrees, strength) {
-  gravity = vec2.fromDegrees(degrees)
-  gravity.multiplyScalar(strength)
-}
-
-/**
- * Set the angle and strength of the wind in the simulation.
- *
- * @param {number} angle - The angle of the wind, in degrees
- * @param {number} strength - The strength of the wind
- */
-function setWind(degrees, strength) {
-  wind = vec2.fromDegrees(degrees)
-  wind.multiplyScalar(strength)
-}
-
-function onResize() {
-  canvas.width = appContainer.offsetWidth
-  canvas.height = appContainer.offsetHeight
-
-  snowflakes = makeSnowflakes(requiredSnowflakes())
-}
-
-function onEnterFrame() {
-  update()
-  render()
-
-  window.requestAnimationFrame(onEnterFrame)
-}
-
-let t = 0
-
-const w = vec2.create(0, 0)
-const g = vec2.create(0, 0)
-
-let sine = null
-
-function update() {
-  snowflakes.forEach(snowflake => {
-    w.x = wind.x
-    w.y = wind.y
-
-    w.multiplyScalar(snowflake.size + snowflake.random)
-
-    snowflake.pos.add(w)
-
-    g.x = gravity.x
-    g.y = gravity.y
-
-    g.multiplyScalar(snowflake.size + snowflake.random)
-
-    snowflake.pos.add(g)
-
-    const phase = snowflake.noise
-
-    sine = vec2.create(amplitude * Math.sin(frequency * t + phase), 0)
-
-    snowflake.pos.add(sine)
-
-    if (snowflake.pos.x > canvas.width) {
-      snowflake.pos.x = 0
-    }
-
-    if (snowflake.pos.x < 0) {
-      snowflake.pos.x = canvas.width
-    }
-
-    if (snowflake.pos.y > canvas.height) {
-      snowflake.pos.y = 0
-      snowflake.pos.x = Math.random() * canvas.width
-    }
-
-    if (snowflake.pos.y < 0) {
-      snowflake.pos.y = canvas.height
-      snowflake.pos.x = Math.random() * canvas.width
-    }
-  })
-
-  t += 1
-}
-
-function render() {
-  ctx.clearRect(0, 0, canvas.width, canvas.height)
-
-  if (bg) {
-    ctx.fillStyle = bg
-    ctx.fillRect(0, 0, canvas.width, canvas.height)
-  }
-
-  const bgSize = 7
-
-  const foreground = snowflakes.filter(x => x.size >= bgSize)
-  const background = snowflakes.filter(x => x.size < bgSize)
-
-  ctx.fillStyle = primary
-  background.forEach(snowflake => {
-    ctx.beginPath()
-    drawCircle(snowflake.pos, snowflake.size)
-    ctx.fill()
-  })
-
-  ctx.fillStyle = secondary
-  foreground.forEach(snowflake => {
-    ctx.beginPath()
-    drawCircle(snowflake.pos, snowflake.size)
-    ctx.fill()
-  })
-}
-
-function makeSnowflakes(num) {
-  let result = []
-
-  while (num--) {
-    result.push({
-      pos: vec2.create(
-        Math.random() * canvas.width,
-        Math.random() * canvas.height
-      ),
-      size: 3 + Math.random() * 5,
-      // Random value, just to add some uncertainty
-      noise: Math.random() * 10,
-      amplitude: Math.random() * 2,
-      frequency: Math.random() * 0.01,
-      random: Math.random()
-    })
-  }
-
-  return result
-}
-
-// This function figures out how many snowflakes we should use for our given
-// canvas size.
-//
-// Just setting a fixed number of snowflakes would give an uneven distribution
-// of snowflakes across different screen sizes, for example.
-function requiredSnowflakes() {
-  const tenEightyPee = 1920 * 1080
-  const thisScreen = canvas.width * canvas.height
-  const snowflakeCount = Math.round(density * (thisScreen / tenEightyPee))
-
-  return snowflakeCount
-}
-
-function drawCircle(position, radius) {
-  ctx.arc(position.x, position.y, radius, 0, 2 * Math.PI, false)
-}
-
-function restart() {
-  snowflakes = makeSnowflakes(requiredSnowflakes())
-}
-
-module.exports = {
-  setAmplitude,
-  setBackground,
-  setDensity,
-  setFrequency,
-  setGravity,
-  setPrimary,
-  setSecondary,
-  setWind,
-  start
-}
-
-
-/***/ }),
-
-/***/ "./src/vec2.js":
-/*!*********************!*\
-  !*** ./src/vec2.js ***!
-  \*********************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function create(_x, _y) {
-  let x = _x
-  let y = _y
-
-  const add = v => {
-    x += v.x
-    y += v.y
-  }
-
-  const addScalar = s => {
-    x += s
-    y += s
-  }
-
-  const divide = v => {
-    x /= v.x
-    y /= v.y
-  }
-
-  const divideScalar = s => {
-    x /= s
-    y /= s
-  }
-
-  const dot = v => {
-    return x * v.x + y * v.y
-  }
-
-  const getLength = () => {
-    return Math.sqrt(x * x + y * y)
-  }
-
-  const getOpposite = v => {
-    return create(-v.x, -v.y)
-  }
-
-  const getPerp = () => {
-    return create(-y, x)
-  }
-
-  const isEqualTo = v => {
-    return x == v.x && y == v.y
-  }
-
-  const multiply = v => {
-    x *= v.x
-    y *= v.y
-  }
-
-  const multiplyScalar = s => {
-    x *= s
-    y *= s
-  }
-
-  const normalise = () => {
-    let l = getLength()
-
-    x = x / l
-    y = y / l
-  }
-
-  const setLength = l => {
-    normalise()
-    multiplyScalar(l)
-  }
-
-  const subtract = v => {
-    x -= v.x
-    y -= v.y
-  }
-
-  const subtractScalar = s => {
-    x -= s
-    y -= s
-  }
-
-  return {
-    add,
-    addScalar,
-    clone,
-    divide,
-    divideScalar,
-    dot,
-    getLength,
-    getOpposite,
-    getPerp,
-    isEqualTo,
-    multiply,
-    multiplyScalar,
-    normalise,
-    setLength,
-    subtract,
-    subtractScalar,
-    set x(_x) {
-      x = _x
-    },
-    get x() {
-      return x
-    },
-    set y(_y) {
-      y = _y
-    },
-    get y() {
-      return y
-    }
-  }
-}
-
-const fromDegrees = degrees => {
-  const rad = degrees * (Math.PI / 180)
-  return create(Math.cos(rad), Math.sin(rad))
-}
-
-const clone = v => {
-  return create(v.x, v.y)
-}
-
-module.exports = {
-  clone,
-  create,
-  fromDegrees
-}
-
-
-/***/ })
-
-/******/ });
-//# sourceMappingURL=snowfall.js.map