From 02b3f8b049fc124b5d6804f42f6f71946e4e4a40 Mon Sep 17 00:00:00 2001 From: 0100 1011 0100 1111 0100 0100 Date: Thu, 10 May 2018 12:24:16 +0200 Subject: [PATCH] Update click.js --- animations/click.js | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/animations/click.js b/animations/click.js index 9b7a030..5efab84 100644 --- a/animations/click.js +++ b/animations/click.js @@ -7,9 +7,9 @@ window.requestAnimFrame = (function (callback) { const overlayCanvas = document.getElementById('minesweeper-overlay'); const overlayCtx = overlayCanvas.getContext('2d'); -const particlesPerExplosion = 20; +const particlesPerExplosion = 10; const particlesMinSpeed = 3; -const particlesMaxSpeed = 6; +const particlesMaxSpeed = 5; const particlesMinSize = 3; const particlesMaxSize = 6; const explosions = []; @@ -28,11 +28,14 @@ if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(naviga let play = true; // Draw -function draw() { +function drawClickAnimation() { // Loop if(play) - requestAnimationFrame(draw); + requestAnimationFrame(drawClickAnimation); + if(explosions.length === 0) + return; + // Set NOW and DELTA now = Date.now(); delta = now - then; @@ -47,14 +50,11 @@ function draw() { // Our animation drawExplosion(); - } - } // Draw explosion(s) function drawExplosion() { - if (explosions.length === 0) { return; } @@ -138,9 +138,9 @@ function particle(x, y) { this.xv = randInt(particlesMinSpeed, particlesMaxSpeed, false); this.yv = randInt(particlesMinSpeed, particlesMaxSpeed, false); this.size = randInt(particlesMinSize, particlesMaxSize, true); - this.r = randInt(113, 222); - this.g = '00'; - this.b = randInt(105, 255); + this.r = randInt(2, 36); + this.g = randInt(135, 150; + this.b = randInt(190, 255); } // Returns an random integer, positive or negative @@ -159,4 +159,4 @@ function randInt(min, max, positive) { } -draw(); \ No newline at end of file +draw();