kar
/
phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

b2

pull/11/head
Suvodip 2024-06-11 16:39:33 +05:30
parent edc53bc976
commit 6be6583ffc
6 changed files with 140 additions and 438 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/animated-letter/small_d.mp4 Executable file → Normal file
View File

Binary file not shown.

155
public/assets/small-letter/bs.svg
View File

@ -7,103 +7,13 @@
viewBox="0 0 100 100" viewBox="0 0 100 100"
version="1.1" version="1.1"
id="svg5" id="svg5"
sodipodi:docname="ds.svg"
inkscape:export-filename="../new_letter/ds.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview51242"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:pageshadow="2"
inkscape:zoom="1.7039167"
inkscape:cx="188.97638"
inkscape:cy="188.97638"
inkscape:window-width="1920"
inkscape:window-height="1007"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg5">
<sodipodi:guide
position="107.64909,49.99107"
orientation="0,-1"
id="guide51373"
inkscape:locked="false" />
<sodipodi:guide
position="114.63086,74.995535"
orientation="0,-1"
id="guide51375"
inkscape:locked="false" />
<sodipodi:guide
position="49.846563,90.7451"
orientation="1,0"
id="guide51379"
inkscape:locked="false" />
<sodipodi:guide
position="30.037831,109.742"
orientation="1,0"
id="guide51381"
inkscape:locked="false" />
<sodipodi:guide
position="114.14376,25.148972"
orientation="0,-1"
id="guide51383"
inkscape:locked="false" />
<sodipodi:guide
position="121.77499,67.526669"
orientation="0,-1"
id="guide51385"
inkscape:locked="false" />
<sodipodi:guide
position="-62.511162,32.455471"
orientation="0,-1"
id="guide51387"
inkscape:locked="false" />
<sodipodi:guide
position="79.722027,92.531133"
orientation="0,-1"
id="guide51389"
inkscape:locked="false" />
<sodipodi:guide
position="75.500494,7.6133734"
orientation="0,-1"
id="guide51391"
inkscape:locked="false" />
<sodipodi:guide
position="62.674703,108.2319"
orientation="1,0"
id="guide53858"
inkscape:locked="false" />
<sodipodi:guide
position="37.604822,110.66405"
orientation="1,0"
id="guide53860"
inkscape:locked="false" />
<sodipodi:guide
position="69.596984,81.852399"
orientation="1,0"
id="guide58546"
inkscape:locked="false" />
</sodipodi:namedview>
<defs <defs
id="defs2"> id="defs2">
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-3" id="Arrow2-1-7"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
@ -115,97 +25,82 @@
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-6" /> id="arrow2L-9-9" />
</marker> </marker>
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-6" id="Arrow2-3-6-2"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998" markerWidth="7.6999998"
markerHeight="5.5999999" markerHeight="5.5999999"
viewBox="0 0 7.7 5.6" viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid"> preserveAspectRatio="xMidYMid">
<path <path
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-7" /> id="arrow2L-6-9-0" />
</marker> </marker>
</defs> </defs>
<g
id="g1"
transform="translate(-26.525954,0.33766413)"
style="display:inline">
<path <path
style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217" d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
id="path1236-9" id="path1236-3" />
sodipodi:nodetypes="cc" />
<path <path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043" d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
id="path1246-8" id="path1246-3" />
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
<g <g
id="g2746" id="g2746-62"
transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)" transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404" x="48.182404"
y="19.336451" y="19.336451"
id="text2742" id="text2742-6"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line" id="tspan2740-1"
id="tspan2740"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404" x="48.182404"
y="19.336451">1</tspan></text> y="19.336451">1</tspan></text>
<circle <circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle2744" id="circle2744-8"
cx="-49.550514" cx="-49.550514"
cy="-16.824097" cy="-16.824097"
r="1.2760839" r="1.2760839"
transform="rotate(-178.67073)" /> transform="rotate(-178.67073)" />
</g> </g>
</g>
<path <path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path57645" id="path4236-8"
d="M 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" /> d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
<path <path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
d="m 55.960419,36.621547 c -3.160788,-1.74578 -5.556566,-1.265548 -8.491891,-0.154338" d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
id="path57655" id="path13743-5-0" />
sodipodi:nodetypes="cc" />
<g <g
id="g58394" id="g1244-5"
transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-24.449612,79.81556)" transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="55.705479" x="55.705479"
y="-25.081388" y="-25.081388"
id="text58390" id="text1240-6"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line" id="tspan1238-6"
id="tspan58388"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="55.705479" x="55.705479"
y="-25.081388">2</tspan></text> y="-25.081388">2</tspan></text>
<circle <circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle58392" id="circle1242-4"
cx="-55.559937" cx="-55.559937"
cy="27.578447" cy="27.578447"
r="1.2760839" r="1.2760839"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

162
public/assets/small-letter/bs_l1.svg
View File

@ -7,103 +7,13 @@
viewBox="0 0 100 100" viewBox="0 0 100 100"
version="1.1" version="1.1"
id="svg5" id="svg5"
sodipodi:docname="ds.svg"
inkscape:export-filename="cs_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview51242"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:pageshadow="2"
inkscape:zoom="1.7039167"
inkscape:cx="188.97638"
inkscape:cy="188.97638"
inkscape:window-width="1920"
inkscape:window-height="1007"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg5">
<sodipodi:guide
position="107.64909,49.99107"
orientation="0,-1"
id="guide51373"
inkscape:locked="false" />
<sodipodi:guide
position="114.63086,74.995535"
orientation="0,-1"
id="guide51375"
inkscape:locked="false" />
<sodipodi:guide
position="49.846563,90.7451"
orientation="1,0"
id="guide51379"
inkscape:locked="false" />
<sodipodi:guide
position="30.037831,109.742"
orientation="1,0"
id="guide51381"
inkscape:locked="false" />
<sodipodi:guide
position="114.14376,25.148972"
orientation="0,-1"
id="guide51383"
inkscape:locked="false" />
<sodipodi:guide
position="121.77499,67.526669"
orientation="0,-1"
id="guide51385"
inkscape:locked="false" />
<sodipodi:guide
position="-62.511162,32.455471"
orientation="0,-1"
id="guide51387"
inkscape:locked="false" />
<sodipodi:guide
position="79.722027,92.531133"
orientation="0,-1"
id="guide51389"
inkscape:locked="false" />
<sodipodi:guide
position="75.500494,7.6133734"
orientation="0,-1"
id="guide51391"
inkscape:locked="false" />
<sodipodi:guide
position="62.674703,108.2319"
orientation="1,0"
id="guide53858"
inkscape:locked="false" />
<sodipodi:guide
position="37.604822,110.66405"
orientation="1,0"
id="guide53860"
inkscape:locked="false" />
<sodipodi:guide
position="69.596984,81.852399"
orientation="1,0"
id="guide58546"
inkscape:locked="false" />
</sodipodi:namedview>
<defs <defs
id="defs2"> id="defs2">
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-3" id="Arrow2-1-7"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
@ -115,98 +25,92 @@
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-6" /> id="arrow2L-9-9" />
</marker> </marker>
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-6" id="Arrow2-3-6-2"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998" markerWidth="7.6999998"
markerHeight="5.5999999" markerHeight="5.5999999"
viewBox="0 0 7.7 5.6" viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid"> preserveAspectRatio="xMidYMid">
<path <path
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-7" /> id="arrow2L-6-9-0" />
</marker> </marker>
</defs> </defs>
<g <g
id="g1" id="g2">
transform="translate(-26.525954,0.33766413)">
<path <path
style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217" d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
id="path1236-9" id="path1236-3" />
sodipodi:nodetypes="cc" />
<path <path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043" d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
id="path1246-8" id="path1246-3" />
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
<g <g
id="g2746" id="g2746-62"
transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)" transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404" x="48.182404"
y="19.336451" y="19.336451"
id="text2742" id="text2742-6"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line" id="tspan2740-1"
id="tspan2740"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404" x="48.182404"
y="19.336451">1</tspan></text> y="19.336451">1</tspan></text>
<circle <circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle2744" id="circle2744-8"
cx="-49.550514" cx="-49.550514"
cy="-16.824097" cy="-16.824097"
r="1.2760839" r="1.2760839"
transform="rotate(-178.67073)" /> transform="rotate(-178.67073)" />
</g> </g>
</g> </g>
<path
style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path57645"
d="M 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 49.207097,36.810781 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
id="path57655" />
<g <g
id="g58394" id="g1"
transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-23.391278,79.81556)" style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path4236-8"
d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
id="path13743-5-0" />
<g
id="g1244-5"
transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="55.705479" x="55.705479"
y="-25.081388" y="-25.081388"
id="text58390" id="text1240-6"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line" id="tspan1238-6"
id="tspan58388"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="55.705479" x="55.705479"
y="-25.081388">2</tspan></text> y="-25.081388">2</tspan></text>
<circle <circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle58392" id="circle1242-4"
cx="-55.559937" cx="-55.559937"
cy="27.578447" cy="27.578447"
r="1.2760839" r="1.2760839"
transform="rotate(-144.24458)" /> transform="rotate(-144.24458)" />
</g> </g>
</g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

157
public/assets/small-letter/bs_l2.svg
View File

@ -7,103 +7,13 @@
viewBox="0 0 100 100" viewBox="0 0 100 100"
version="1.1" version="1.1"
id="svg5" id="svg5"
sodipodi:docname="ds.svg"
inkscape:export-filename="../new_letter/ds.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview51242"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:pageshadow="2"
inkscape:zoom="1.7039167"
inkscape:cx="188.97638"
inkscape:cy="188.97638"
inkscape:window-width="1920"
inkscape:window-height="1007"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg5">
<sodipodi:guide
position="107.64909,49.99107"
orientation="0,-1"
id="guide51373"
inkscape:locked="false" />
<sodipodi:guide
position="114.63086,74.995535"
orientation="0,-1"
id="guide51375"
inkscape:locked="false" />
<sodipodi:guide
position="49.846563,90.7451"
orientation="1,0"
id="guide51379"
inkscape:locked="false" />
<sodipodi:guide
position="30.037831,109.742"
orientation="1,0"
id="guide51381"
inkscape:locked="false" />
<sodipodi:guide
position="114.14376,25.148972"
orientation="0,-1"
id="guide51383"
inkscape:locked="false" />
<sodipodi:guide
position="121.77499,67.526669"
orientation="0,-1"
id="guide51385"
inkscape:locked="false" />
<sodipodi:guide
position="-62.511162,32.455471"
orientation="0,-1"
id="guide51387"
inkscape:locked="false" />
<sodipodi:guide
position="79.722027,92.531133"
orientation="0,-1"
id="guide51389"
inkscape:locked="false" />
<sodipodi:guide
position="75.500494,7.6133734"
orientation="0,-1"
id="guide51391"
inkscape:locked="false" />
<sodipodi:guide
position="62.674703,108.2319"
orientation="1,0"
id="guide53858"
inkscape:locked="false" />
<sodipodi:guide
position="37.604822,110.66405"
orientation="1,0"
id="guide53860"
inkscape:locked="false" />
<sodipodi:guide
position="69.596984,81.852399"
orientation="1,0"
id="guide58546"
inkscape:locked="false" />
</sodipodi:namedview>
<defs <defs
id="defs2"> id="defs2">
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-3" id="Arrow2-1-7"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
@ -115,100 +25,93 @@
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-6" /> id="arrow2L-9-9" />
</marker> </marker>
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-6" id="Arrow2-3-6-2"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998" markerWidth="7.6999998"
markerHeight="5.5999999" markerHeight="5.5999999"
viewBox="0 0 7.7 5.6" viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid"> preserveAspectRatio="xMidYMid">
<path <path
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-7" /> id="arrow2L-6-9-0" />
</marker> </marker>
</defs> </defs>
<g <g
id="g1" id="g2"
transform="translate(-26.525954,0.33766413)"
style="display:none"> style="display:none">
<path <path
style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217" d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
id="path1236-9" id="path1236-3" />
sodipodi:nodetypes="cc" />
<path <path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043" d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
id="path1246-8" id="path1246-3" />
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
<g <g
id="g2746" id="g2746-62"
transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)" transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404" x="48.182404"
y="19.336451" y="19.336451"
id="text2742" id="text2742-6"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line" id="tspan2740-1"
id="tspan2740"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404" x="48.182404"
y="19.336451">1</tspan></text> y="19.336451">1</tspan></text>
<circle <circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle2744" id="circle2744-8"
cx="-49.550514" cx="-49.550514"
cy="-16.824097" cy="-16.824097"
r="1.2760839" r="1.2760839"
transform="rotate(-178.67073)" /> transform="rotate(-178.67073)" />
</g> </g>
</g> </g>
<g
id="g1"
style="display:inline">
<path <path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path57645" id="path4236-8"
d="M 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" /> d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
<path <path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
d="m 55.960419,36.621547 c -3.160788,-1.74578 -5.556566,-1.265548 -8.491891,-0.154338" d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
id="path57655" id="path13743-5-0" />
sodipodi:nodetypes="cc" />
<g <g
id="g58394" id="g1244-5"
transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-24.449612,79.81556)" transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="55.705479" x="55.705479"
y="-25.081388" y="-25.081388"
id="text58390" id="text1240-6"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line" id="tspan1238-6"
id="tspan58388"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="55.705479" x="55.705479"
y="-25.081388">2</tspan></text> y="-25.081388">2</tspan></text>
<circle <circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers" style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle58392" id="circle1242-4"
cx="-55.559937" cx="-55.559937"
cy="27.578447" cy="27.578447"
r="1.2760839" r="1.2760839"
transform="rotate(-144.24458)" /> transform="rotate(-144.24458)" />
</g> </g>
</g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

4
src/pages/guided-tracing/b.astro
View File

@ -48,7 +48,7 @@ import Layout from "../../layouts/Layout.astro";
cloudHeight = 340; cloudHeight = 340;
canvasScale = 0.14 canvasScale = 0.14
canvasHeight = 35; canvasHeight = 35;
letterHeight = 90; letterHeight = 70;
letterScale = 0.95; letterScale = 0.95;
backgroundScale = 0.8; backgroundScale = 0.8;
sunScale = 0.1; sunScale = 0.1;
@ -72,7 +72,7 @@ import Layout from "../../layouts/Layout.astro";
cloudHeight = 250; cloudHeight = 250;
canvasScale = 0.195; canvasScale = 0.195;
canvasHeight = 20; canvasHeight = 20;
letterHeight = 90; letterHeight = 70;
letterScale = 1.25; letterScale = 1.25;
backgroundScale = 1; backgroundScale = 1;
sunScale = 0.2; sunScale = 0.2;

4
src/pages/guided-tracing/d.astro
View File

@ -80,8 +80,8 @@ import Layout from "../../layouts/Layout.astro";
sunWidth = 200; sunWidth = 200;
sunHeight = 100; sunHeight = 100;
animatedVideScale = 0.9; animatedVideScale = 0.8;
animatedDHeight = 20; animatedDHeight = 10;
helpButtonHeight = customHeight / 2 + 40; helpButtonHeight = customHeight / 2 + 40;
helpButtonWidth = customWidth / 1.32; helpButtonWidth = customWidth / 1.32;