fsck logo in works, now for a bit of sparkle

fsck2025/__init__.py

@@ -15,34 +15,83 @@ def introFrames(args):
             ("title", "style", "opacity", 0),
             ("persons", "style", "opacity", 0),
             ("glogo", "style", "opacity", 0),
+            ("sparkle", "style", "opacity", 0),
+        )
+
+    # fade in logo
+    # frames = 1 * fps
+    # for i in range(0, frames):
+    #     # source: matrix(0.66093871,0,0,0.66093871,325.49887,111.96043)
+    #     # target: matrix(1, 0, 0, 1, 0, 0)
+    #     size = 0.66 + easeInOutSine(i, 0.0, 1.0 - 0.66, frames)
+    #     posx = easeInOutSine(frames - i, 0.0, 325.49887, frames)
+    #     posy = easeInOutSine(frames - i, 0.0, 111.96043, frames)
+    #     yield (
+    #         (
+    #             "glogo",
+    #             "attr",
+    #             "transform",
+    #             # the easing function can’t handle easing from larger to smaller, so use this hacky workaround
+    #             f"translate(0,{easeInQuad(frames - i, 0.0, 200.0, frames)})",
+    #         ),
+    #         ("glogo", "style", "opacity", easeOutSine(i, 0, 1, frames)),
+    #         # scale in the fsck text banner behind the foreground elements
+    #         # target size is 5.414656 in both x and y
+    #         (
+    #             "fsck-banner",
+    #             "attr",
+    #             "transform",
+    #             f"matrix({size:.4f},0,0,{size:.4f},{posx:.4f},{posy:.4f})",
+    #         ),
+    #         ("title", "style", "opacity", 0),
+    #         ("persons", "style", "opacity", 0),
+    #         ("sparkle", "style", "opacity", 0),
+    #     )
+
+    frames = 1 * fps
+    for i in range(0, frames):
+        yield (
+            ("glogo", "style", "opacity", 1),
+            ("title", "style", "opacity", 0),
+            ("persons", "style", "opacity", 0),
+            ("sparkle", "style", "opacity", 0),
         )
 
     # fade in title and persons
-    frames = 1 * fps
+    frames = 2 * fps
-    for i in range(0, frames):
+    intermediate = (frames * 1) // 3
-        # source: matrix(3.4166273,0,0,3.4166273,-1716.8745,-2685.1066)
+    for i in range(0, intermediate):
-        # target: matrix(5.414656,0,0,5.414656,-3282.299,-4448.4489)
-        size = 3 + easeOutSine(i, 0, 5.414656-3, frames)
-        posx = easeOutSine(i, -1716.8745, -3282.299, frames)
-        posy = easeOutSine(i, -2685.1066, -4448.4489, frames)
         yield (
             ("title", "style", "opacity", easeOutSine(i, 0, 1, frames)),
-            ("persons", "style", "opacity", easeOutSine(i, 0, 1, frames)),
+            ("persons", "style", "opacity", 0),
+            ("glogo", "style", "opacity", 1),
             (
-                "glogo",
+                "sparkle",
-                "attr",
+                "style",
-                "transform",
+                "opacity",
-                # the easing function can’t handle easing from larger to smaller, so use this hacky workaround
+                easeOutSine(min(i * 2, intermediate), 0, 1, intermediate),
-                f"translate(0,{easeInQuad(frames - i, 0.0, 200.0, frames)})",
             ),
-            ("glogo", "style", "opacity", easeOutSine(i, 0, 1, frames)),
+        )
-            # scale in the fsck text banner behind the foreground elements
+    for i in range(intermediate, frames):
-            # target size is 5.414656 in both x and y
+        yield (
+            ("title", "style", "opacity", easeOutSine(i, 0, 1, frames)),
             (
-                "fsck-banner",
+                "persons",
-                "attr",
+                "style",
-                "transform",
+                "opacity",
-                f"matrix({size},0,0,{size},{posx},{posy})",
+                easeOutSine(i - intermediate, 0, 1, frames - intermediate),
+            ),
+            ("glogo", "style", "opacity", 1),
+            (
+                "sparkle",
+                "style",
+                "opacity",
+                easeInSine(
+                    i-intermediate,
+                    1,
+                    -1,
+                    frames - intermediate,
+                ),
             ),
         )
 
@@ -53,6 +102,7 @@ def introFrames(args):
             ("title", "style", "opacity", 1),
             ("persons", "style", "opacity", 1),
             ("glogo", "style", "opacity", 1),
+            ("sparkle", "style", "opacity", 0),
         )
 
     # fade out image and text
@@ -62,6 +112,7 @@ def introFrames(args):
             ("title", "style", "opacity", easeOutQuad(i, 1, -1, frames)),
             ("persons", "style", "opacity", easeOutQuad(i, 1, -1, frames)),
             ("glogo", "style", "opacity", easeOutQuad(i, 1, -1, frames)),
+            ("sparkle", "style", "opacity", 0),
         )
 
 

fsck2025/artwork/intro.svg

@@ -19,7 +19,32 @@
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:dc="http://purl.org/dc/elements/1.1/"><defs
-     id="defs815"><rect
+     id="defs815"><marker
+   style="overflow:visible"
+   id="Dot"
+   refX="0"
+   refY="0"
+   orient="auto"
+   inkscape:stockid="Dot"
+   markerWidth="0.6"
+   markerHeight="0.6"
+   viewBox="0 0 1 1"
+   inkscape:isstock="true"
+   inkscape:collect="always"
+   preserveAspectRatio="xMidYMid"><path
+     transform="scale(0.5)"
+     style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+     d="M 5,0 C 5,2.76 2.76,5 0,5 -2.76,5 -5,2.76 -5,0 c 0,-2.76 2.3,-5 5,-5 2.76,0 5,2.24 5,5 z"
+     sodipodi:nodetypes="sssss"
+     id="path17" /></marker><linearGradient
+   id="linearGradient3"
+   inkscape:collect="always"><stop
+     style="stop-color:#24b3db;stop-opacity:1;"
+     offset="0"
+     id="stop3" /><stop
+     style="stop-color:#24b3db;stop-opacity:0;"
+     offset="1"
+     id="stop4" /></linearGradient><rect
    x="401.42857"
    y="782.85715"
    width="1715.5966"
@@ -182,10 +207,10 @@
    style="color-interpolation-filters:sRGB;"
    inkscape:label="Drop Shadow"
    id="filter24"
-   x="-0.090647288"
+   x="-0.097548744"
-   y="-0.11946872"
+   y="-0.12227963"
-   width="1.1952719"
+   width="1.2101389"
-   height="1.2536745"><feFlood
+   height="1.2596431"><feFlood
      result="flood"
      in="SourceGraphic"
      flood-opacity="0.811765"
@@ -209,18 +234,27 @@
      operator="over"
      in="SourceGraphic"
      in2="comp1"
-     id="feComposite24" /></filter></defs><sodipodi:namedview
+     id="feComposite24" /></filter><linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient3"
+   id="linearGradient4"
+   x1="786.19073"
+   y1="862.82233"
+   x2="1133.8569"
+   y2="862.82233"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="translate(-293.58452,-85.884107)" /></defs><sodipodi:namedview
      id="base"
      pagecolor="#ffffff"
      bordercolor="#666666"
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="1.159798"
+     inkscape:zoom="1.5700866"
-     inkscape:cx="976.03203"
+     inkscape:cx="1074.1445"
-     inkscape:cy="451.80281"
+     inkscape:cy="584.36266"
      inkscape:document-units="px"
-     inkscape:current-layer="glogo"
+     inkscape:current-layer="layer3"
      showgrid="false"
      inkscape:window-width="3840"
      inkscape:window-height="2052"
@@ -236,7 +270,8 @@
      inkscape:label="background"
      inkscape:groupmode="layer"
      id="layer1"
-     style="display:inline"><g
+     style="display:inline"
+     sodipodi:insensitive="true"><g
        transform="matrix(1.1402922,0,0,-0.45303211,0,1080)"
        id="g926"><path
          d="M 0,0 H 1683.779 V 2383.937 H 0 Z"
@@ -250,9 +285,10 @@
      style="display:inline"><g
        id="glogo"
        style="filter:url(#filter24)"><g
-         id="fsck-banner"
+         id="fsck-banner"><g
-         transform="matrix(5.414656,0,0,5.414656,-3282.299,-4448.4489)"
+           id="g2"
-         inkscape:label="fsck-banner">
+           transform="matrix(5.0315756,0,0,5.0315756,-2982.1614,-4110.3647)"
+           inkscape:label="g2">
 		<path
    id="path8023-7"
    sodipodi:nodetypes="ccccccc"
@@ -264,7 +300,7 @@
    sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc"
    d="m 740.355,878.988 -3.022,-0.03 v -6.423 l -3.012,-0.129 v -7.934 l -3.014,-0.154 v -7.003 l -6.029,-0.557 V 864 l 3.004,0.161 v 7.898 l 3.016,0.189 v 6.649 l 3.049,0.03 v 3.615 3.613 l -3.049,0.032 v 6.647 l -3.016,0.189 v 7.897 l -3.004,0.164 v 7.241 l 6.029,-0.56 v -7.002 l 3.014,-0.155 v -7.934 l 3.012,-0.129 v -6.422 l 3.022,-0.028 v -3.555 z m 101.337,22.097 -3.014,-0.164 v -7.904 l -3.013,-0.189 v -6.641 l -3.014,-0.032 v -7.229 l 3.014,-0.03 v -6.641 l 3.013,-0.191 v -7.904 l 3.014,-0.162 v -7.239 l -6.026,0.559 v 6.999 l -3.014,0.154 v 7.942 l -3.014,0.131 v 6.412 l -3.013,0.03 v -20.945 l -6.026,0.406 v 48.187 l 6.026,0.404 v -14.607 l 3.013,0.106 v 7.924 l 3.014,0.147 v 6.896 l 9.04,0.817 z m -24.949,-8.84 -6.026,-0.026 v 7.396 l -6.026,-0.226 v -7.151 l -3.013,0.02 v -19.432 l 3.013,0.02 v -7.151 l 6.026,-0.226 v 7.395 l 6.026,-0.025 v -7.619 l -3.013,0.128 v -6.51 l -12.053,0.489 v 6.47 l -3.014,0.093 v 6.913 l -3.013,-0.026 v 19.531 l 3.013,-0.026 v 6.914 l 3.014,0.093 v 6.469 l 12.053,0.488 v -6.508 l 3.013,0.126 z m -24.95,-6.407 -3.013,-0.01 v -6.571 l -12.052,-0.008 v -13.161 l 6.027,0.065 v 6.554 l 6.025,0.018 v -6.614 l -3.014,0.034 v -6.55 l -12.052,-0.079 v 6.511 l -3.013,-0.074 v 13.268 l 3.013,0.015 v 6.608 l 12.052,-0.023 v 13.115 l -9.039,0.057 v -6.639 l -6.026,-0.042 v 6.816 l 3.013,-0.075 v 6.511 l 15.066,-0.059 v -6.536 l 3.013,0.053 z m -24.948,-26.472 -21.092,-0.963 v 48.279 l 6.027,-0.354 v -20.335 l 12.052,-0.092 v -6.716 l -12.052,-0.093 v -13.805 l 15.065,0.629 z"
    fill="#fbba00" />
-	</g><g
+	</g></g><g
          id="g31679-7"
          transform="matrix(8.1589796,1.3815422,-1.3815422,8.1589796,-157.65602,-495.60895)">
 		<path
@@ -744,4 +780,9 @@
          y="832.11247"
          id="tspan6"><tspan
            style="fill:#ffffff"
-           id="tspan5">$personnames</tspan></tspan></text></g></svg>
+           id="tspan5">$personnames</tspan></tspan></text><g id="sparkle"><g
+       id="g4"
+       transform="rotate(180,825.41336,820.30005)"><path
+         style="fill:#23efec;fill-opacity:1;stroke:url(#linearGradient4);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#Dot)"
+         d="M 495.60623,776.93821 H 864.63598"
+         id="path1" /></g></g></g></svg>