Skip to content

Commit 69aa70a

Browse files
committed
add favicon
1 parent 3329ac1 commit 69aa70a

File tree

4 files changed

+11
-15
lines changed

4 files changed

+11
-15
lines changed

assets/favicon.ico

14.7 KB
Binary file not shown.

demo/content.ts

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -456,10 +456,7 @@ addCanvas(
456456
const percentage = timingFunctions.ease(mod(animationTime, period) / period);
457457

458458
// Count animation loops.
459-
if (percentage < prev) {
460-
count++;
461-
console.log(count);
462-
}
459+
if (percentage < prev) count++;
463460
prev = percentage;
464461

465462
// Draw lines points are travelling.
@@ -640,7 +637,7 @@ addCanvas(
640637
},
641638
);
642639

643-
addCanvas(1.6, (ctx, width, height) => {
640+
addCanvas(1.8, (ctx, width, height) => {
644641
const period = Math.PI * 1000;
645642
const center: Coord = {x: width * 0.5, y: height * 0.5};
646643
const size = Math.min(width, height) * 0.8;
@@ -687,6 +684,7 @@ addCanvas(1.6, (ctx, width, height) => {
687684

688685
animation.transition(genFrame({duration: 0}));
689686

690-
// TODO have content about why being able to interrupt transitions with another.
691-
return ``;
687+
return `Points can be removed at the end of animations as the target shape has been reached.
688+
However if the animation is interrupted during interpolation there is no opportunity to
689+
clean up the extra points.`;
692690
});

demo/index.html

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<html>
22
<head>
3-
<!-- TODO favicon -->
3+
<link rel="shortcut icon" href="https://blobs.dev/assets/favicon.ico?v=3ewlwLn2WO">
44
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
55
<style>
66
html {
@@ -82,7 +82,7 @@
8282
border: 1px solid #eee;
8383
border-radius: 0.5rem;
8484
display: flex;
85-
margin: 3rem 0;
85+
margin: 1.5rem 0;
8686
max-width: 1000px;
8787
width: 100%;
8888
}
@@ -147,7 +147,5 @@
147147
</main>
148148
<script src="./example.ts"></script>
149149
<script src="./content.ts"></script>
150-
<!-- TODO suggestions -->
151-
<!-- TODO mobile -->
152150
</body>
153151
</html>

0 commit comments

Comments
 (0)