From 64a77297d00e2f6053a0d71c61c54d78bc5e1024 Mon Sep 17 00:00:00 2001 From: Luis Fernando Molina Date: Wed, 22 May 2019 16:33:16 +0200 Subject: [PATCH] Yellow Animation --- FloatingSpace/StrategyPart.js | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/FloatingSpace/StrategyPart.js b/FloatingSpace/StrategyPart.js index ed8dc39e5..f6bf6d841 100644 --- a/FloatingSpace/StrategyPart.js +++ b/FloatingSpace/StrategyPart.js @@ -51,6 +51,9 @@ function newStrategyPart () { let previousDistance + let readyToAttachDisplayCounter = 5 + let readyToAttachDisplayIncrement = 0.1 + let readyToAttachCounter = 0 let isReadyToAttach let availableToAttachCounter = 0 @@ -204,6 +207,16 @@ function newStrategyPart () { } function attacchingCounters () { + if (readyToAttachDisplayCounter > 15) { + readyToAttachDisplayIncrement = -0.25 + } + + if (readyToAttachDisplayCounter < 5) { + readyToAttachDisplayIncrement = 0.25 + } + + readyToAttachDisplayCounter = readyToAttachDisplayCounter + readyToAttachDisplayIncrement + readyToAttachCounter-- if (readyToAttachCounter <= 0) { readyToAttachCounter = 0 @@ -549,7 +562,7 @@ function newStrategyPart () { } if (isReadyToAttach === true) { - VISIBLE_RADIUS = thisObject.container.frame.radius * 2 + VISIBLE_RADIUS = thisObject.container.frame.radius * 2 + readyToAttachDisplayCounter * 2 let OPACITY = readyToAttachCounter / 10 browserCanvasContext.beginPath() @@ -558,8 +571,8 @@ function newStrategyPart () { browserCanvasContext.strokeStyle = 'rgba(' + UI_COLOR.TITANIUM_YELLOW + ', ' + OPACITY + ')' - browserCanvasContext.lineWidth = 20 - browserCanvasContext.setLineDash([12, 20]) + browserCanvasContext.lineWidth = 10 + browserCanvasContext.setLineDash([readyToAttachDisplayCounter, readyToAttachDisplayCounter * 2]) browserCanvasContext.stroke() }