{"version":3,"sources":["App.js","index.js"],"names":["App","props","requestAnimationFrame","window","mozRequestAnimationFrame","webkitRequestAnimationFrame","msRequestAnimationFrame","callback","setTimeout","flakes","canvas","document","getElementById","ctx","getContext","mX","mY","snow","clearRect","width","height","i","flake","x","y","x2","y2","dist","Math","sqrt","xcomp","ycomp","deltaV","velX","velY","speed","cos","step","stepSize","fillStyle","opacity","reset","beginPath","arc","size","PI","fill","floor","random","innerWidth","innerHeight","addEventListener","e","clientX","clientY","push","init","className","id","src","frameborder","scrolling","allowfullscreen","allow","style","position","bottom","boxShadow","fontSize","Component","ReactDOM","render"],"mappings":"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","file":"static/js/main.bf97c6df.chunk.js","sourcesContent":["import React, { Component } from 'react'\nimport './App.css';\n\n\nclass App extends Component {\n constructor(props) {\n super(props);\n }\n componentDidMount() {\n var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame ||\n function (callback) {\n window.setTimeout(callback, 1000 / 60);\n };\n window.requestAnimationFrame = requestAnimationFrame;\n var flakes = [];\n var canvas = document.getElementById(\"canvas\");\n var ctx = canvas.getContext(\"2d\");\n var flakeCount = 400;\n var mX = -100;\n var mY = -100;\n\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n\n function snow() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n for (var i = 0; i < flakeCount; i++) {\n var flake = flakes[i], \n x = mX,\n y = mY,\n minDist = 150,\n x2 = flake.x,\n y2 = flake.y;\n\n var dist = Math.sqrt((x2 - x) * (x2 - x) + (y2 - y) * (y2 - y)),\n dx = x2 - x,\n dy = y2 - y;\n\n if (dist < minDist) {\n var force = minDist / (dist * dist),\n xcomp = (x - x2) / dist,\n ycomp = (y - y2) / dist,\n deltaV = force / 2;\n\n flake.velX -= deltaV * xcomp;\n flake.velY -= deltaV * ycomp;\n\n } else {\n flake.velX *= .98;\n if (flake.velY <= flake.speed) {\n flake.velY = flake.speed\n }\n flake.velX += Math.cos(flake.step += .05) * flake.stepSize;\n }\n\n ctx.fillStyle = \"rgba(255,255,255,\" + flake.opacity + \")\";\n flake.y += flake.velY;\n flake.x += flake.velX;\n\n if (flake.y >= canvas.height || flake.y <= 0) {\n reset(flake);\n }\n\n\n if (flake.x >= canvas.width || flake.x <= 0) {\n reset(flake);\n }\n\n ctx.beginPath();\n ctx.arc(flake.x, flake.y, flake.size, 0, Math.PI * 2);\n ctx.fill();\n }\n requestAnimationFrame(snow);\n };\n\n function reset(flake) {\n flake.x = Math.floor(Math.random() * canvas.width);\n flake.y = 0;\n flake.size = (Math.random() * 3) + 2;\n flake.speed = (Math.random() * 1) + 0.5;\n flake.velY = flake.speed;\n flake.velX = 0;\n flake.opacity = (Math.random() * 0.5) + 0.3;\n }\n\n function init() {\n for (var i = 0; i < flakeCount; i++) {\n var x = Math.floor(Math.random() * canvas.width),\n y = Math.floor(Math.random() * canvas.height),\n size = (Math.random() * 3) + 2,\n speed = (Math.random() * 1) + 0.5,\n opacity = (Math.random() * 0.5) + 0.3;\n\n flakes.push({\n speed: speed,\n velY: speed,\n velX: 0,\n x: x,\n y: y,\n size: size,\n stepSize: (Math.random()) / 30,\n step: 0,\n opacity: opacity\n });\n }\n\n snow();\n };\n\n var listener = canvas.addEventListener(\"mousemove\", function (e) {\n mX = e.clientX;\n mY = e.clientY;\n });\n\n var resizeListener = window.addEventListener(\"resize\", function () {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n })\n init();\n }\n render() {\n return (
Powered by Vyond -
Vyond Platinum User