Модуль для Первой ветки "Новогодняя гирлянда"

(function() {
    var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame ||
    function(callback) {
        window.setTimeout(callback, 1000 / 30);
    };
    window.requestAnimationFrame = requestAnimationFrame;
})();
 
function snow() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
 
    for (var i = 0; i < flakeCount; i++) {
		if(stopSnowVar == true) break;
        var flake = flakes[i],
            x = mX,
            y = mY,
            x2 = flake.x,
            y2 = flake.y;
 
        var dist = Math.sqrt((x2 - x) * (x2 - x) + (y2 - y) * (y2 - y)),
            dx = x2 - x,
            dy = y2 - y;
 
		flake.velX *= .98;
		if (flake.velY <= flake.speed) {
			flake.velY = flake.speed
		}
		flake.velX += Math.cos(flake.step += .05) * flake.stepSize;
 
        ctx.fillStyle = "rgba(255,255,255," + flake.opacity + ")";
        flake.y += flake.velY;
        flake.x += flake.velX;
 
        if (flake.y >= canvas.height || flake.y <= 0) {
            resetFlake(flake);
        }
 
        if (flake.x >= canvas.width || flake.x <= 0) {
            resetFlake(flake);
        }
 
        ctx.beginPath();
        ctx.arc(flake.x, flake.y, flake.size, 0, Math.PI * 2);
        ctx.fill();
    }
	if(stopSnowVar == false)
		requestAnimationFrame(snow);
};
 
function resetFlake(flake) {
    flake.x = Math.floor(Math.random() * canvas.width);
    flake.y = 0;
    flake.size = (Math.random() * 2) + 0;
    flake.speed = (Math.random() * 1) + 1.5;
    flake.velY = flake.speed;
    flake.velX = 0;
    flake.opacity = (Math.random() * 0.7) + 0.3;
}
 
function initFlake() {
    for (var i = 0; i < flakeCount; i++) {
		if(stopSnowVar == true) break;
        var x = Math.floor(Math.random() * canvas.width),
            y = Math.floor(Math.random() * canvas.height),
            size = (Math.random() * 2) + 0,
            speed = (Math.random() * 1) + 1.5,
            opacity = (Math.random() * 0.7) + 0.3;
 
        flakes.push({
            speed: speed,
            velY: speed,
            velX: 0,
            x: x,
            y: y,
            size: size,
            stepSize: (Math.random()) / 30,
            step: 0,
            angle: 180,
            opacity: opacity
        });
    }
 
    snow();
};
 
function stopSnow() {
	stopSnowVar = true;
}
 
function startSnow() {
	stopSnowVar = false;
	initFlake();
}

#canvas {
  display: block; 
  height: 1120px; 
  /*transform: rotate(176deg);*/ 
  width: 110%; 
  margin-left: -5%; 
  position: absolute; 
  z-index: 25;
  top: 125px;
 }
 
 
 <canvas id="canvas" class="rotateRight"></canvas>
 
<script>
var flakes = [],
 canvas = document.getElementById("canvas"),
 ctx = canvas.getContext("2d"),
 flakeCount = 350,
 mX = -100,
 mY = -100,
 stopSnowVar = false;
 
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
 
startSnow();
</script>