update

coderitual · Sep 22, 2022 · 2b2f280 · 2b2f280
2 parents 8be85a8 + 6005419
commit 2b2f280
Show file tree

Hide file tree

Showing 6 changed files with 35 additions and 16 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+17
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,12 @@
+{
+  "favorites.resources": [
+    {
+      "filePath": "examples/index.html",
+      "group": "Default"
+    },
+    {
+      "filePath": "src/bounty.js",
+      "group": "Default"
+    }
+  ]
+}
diff --git a/examples/index.html b/examples/index.html
@@ -30,15 +30,15 @@
 </head>
 
 <body>
-  asdf
   <div class="js-bounty"></div>
+  <div class="js-bounty2"></div>
   <script src="../lib/bounty.js"></script>
   <script>
     const b = bounty.default({ el: '.js-bounty', value: '250000', rotations: '2', animationDelay: 0, startManually: true })
     setTimeout(() => {
       console.log('start')
       b.resume()
-    }, 1000)
+    }, 500)
   </script>
 </body>
 

diff --git a/lib/bounty.js b/lib/bounty.js
diff --git a/package.json b/package.json
@@ -4,10 +4,9 @@
   "description": "SVG library for transitioning numbers with motion blur",
   "main": "lib/bounty.js",
   "scripts": {
-    "start": "webpack serve --progress --colors --inline --host 0.0.0.0",
+    "dev": "webpack serve --progress --colors --inline --host 0.0.0.0",
     "build": "webpack -p",
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "start:dev": "webpack serve"
+    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "files": [
     "lib/*.js"

diff --git a/src/bounty.js b/src/bounty.js
@@ -93,7 +93,8 @@ export default ({
   letterAnimationDelay = 0,
   duration = 3000,
   rotations = 1,
-  startManually = false
+  startManually = false,
+  motionBlur = true
 }) => {
   const element = select(el)
   const computedStyle = window.getComputedStyle(element)
@@ -170,15 +171,21 @@ export default ({
         digit.node:: attr(
           "transform",
           `translate(${digit.offset.x}, ${digit.offset.y})`
-        )
-        const filterOrigin = (sourceDistance + targetDistance) / 2
-        const motionValue = Number(
-          Math.abs(
-            Math.abs(Math.abs(value - filterOrigin) - filterOrigin) -
-            sourceDistance
-          ) / 100
-        ).toFixed(1)
-        digit.filter:: attr("stdDeviation", `0 ${motionValue}`)
+        );
+        let motionValue
+        if(motionBlur) {
+          const filterOrigin = (sourceDistance + targetDistance) / 2;
+          motionValue = Number(
+            Math.abs(
+              Math.abs(Math.abs(value - filterOrigin) - filterOrigin) -
+              sourceDistance
+              ) / 100
+              ).toFixed(1);
+        } else {
+          motionValue = 0
+        }
+
+        digit.filter::attr("stdDeviation", `0 ${motionValue}`);
       },
       end:
         i === 0