add background to preview image

g-harel · g-harel · commit 3221263a01b1 · 2020-05-17T14:47:12.000-05:00
diff --git a/README.md b/README.md
@@ -100,7 +100,7 @@ const animation = blobs2Animate.canvasPath();
 
 // Set up "requestAnimationFrame" rendering loop.
 const renderAnimation = () => {
-    ctx.clearRect(0, 0, size, size);
+    ctx.clearRect(0, 0, width, height);
     ctx.fill(animation.renderFrame());
     requestAnimationFrame(renderAnimation);
 };
diff --git a/assets/logo.png b/assets/logo.png
diff --git a/assets/preview.png b/assets/preview.png
diff --git a/index.animated.html b/index.animated.html
@@ -9,7 +9,7 @@
         <meta property="og:type" content="website" />
         <meta property="og:title" content="blobs" />
         <meta property="og:description" content="Random blob generation and animation" />
-        <meta property="og:image" content="https://blobs.dev/assets/logo.png" />
+        <meta property="og:image" content="https://blobs.dev/assets/preview.png" />
     </head>
     <body>
         <style>
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
         <meta property="og:type" content="website" />
         <meta property="og:title" content="blobs" />
         <meta property="og:description" content="Random blob generation and animation" />
-        <meta property="og:image" content="https://blobs.dev/assets/logo.png" />
+        <meta property="og:image" content="https://blobs.dev/assets/preview.png" />
     </head>
     <body>
         <style>
diff --git a/internal/animate/interpolate.ts b/internal/animate/interpolate.ts
@@ -20,7 +20,6 @@ const interpolateAngle = (percentage: number, a: number, b: number): number => {
 // Interpolates linearly between a and b. Can only interpolate between point lists that have the
 // same number of points. Easing effects can be applied to the percentage given to this function.
 // Percentages outside the 0-1 range are supported.
-// TODO handle length should continue animating?
 export const interpolateBetween = (percentage: number, a: Point[], b: Point[]): Point[] => {
     if (a.length !== b.length) throw new Error("must have equal number of points");
 
