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

s1

pull/10/head
Suvodip 2024-06-07 16:36:13 +05:30
parent 84b5b1747f
commit edc53bc976
4 changed files with 431 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,13 +7,103 @@
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-1" id="Arrow2-3"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
@ -25,36 +115,47 @@
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-9" /> id="arrow2L-6" />
</marker> </marker>
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-3-6" id="Arrow2-6"
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-6-9" /> id="arrow2L-7" />
</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:7.69281;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:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336" d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
id="path1236-3" /> id="path1236-9"
sodipodi:nodetypes="cc" />
<path <path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;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-1);paint-order:stroke fill markers" 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"
d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377" d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
id="path1246-3" /> id="path1246-8"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
<g <g
id="g2746" id="g2746"
transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)" transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
@ -63,6 +164,7 @@
y="19.336451" y="19.336451"
id="text2742" id="text2742"
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" 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"
@ -75,32 +177,35 @@
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.0494;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="path4236-8" id="path57645"
d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" /> 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 <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);paint-order:stroke fill markers" 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 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814" d="m 55.960419,36.621547 c -3.160788,-1.74578 -5.556566,-1.265548 -8.491891,-0.154338"
id="path13743-5-0" /> id="path57655"
sodipodi:nodetypes="cc" />
<g <g
id="g1244-5" id="g58394"
transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)" transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-24.449612,79.81556)"
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="text1240-6" id="text58390"
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
id="tspan1238-6" sodipodi:role="line"
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="circle1242-4" id="circle58392"
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: 5.1 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

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

@ -7,13 +7,103 @@
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-1" id="Arrow2-3"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
@ -25,40 +115,46 @@
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-9" /> id="arrow2L-6" />
</marker> </marker>
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-3-6" id="Arrow2-6"
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-6-9" /> id="arrow2L-7" />
</marker> </marker>
</defs> </defs>
<g <g
id="g2" id="g1"
transform="matrix(1.0015575,0,0,0.99732642,-0.05243394,0.19300789)" 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:7.69281;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:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336" d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
id="path1236-3" /> id="path1236-9"
sodipodi:nodetypes="cc" />
<path <path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;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-1);paint-order:stroke fill markers" 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"
d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377" d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
id="path1246-3" /> id="path1246-8"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
<g <g
id="g2746" id="g2746"
transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)" transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
@ -67,6 +163,7 @@
y="19.336451" y="19.336451"
id="text2742" id="text2742"
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" 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"
@ -80,39 +177,36 @@
transform="rotate(-178.67073)" /> transform="rotate(-178.67073)" />
</g> </g>
</g> </g>
<g
id="g1"
style="display:none">
<path <path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.0494;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" 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="path4236-8" id="path57645"
d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" /> 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 <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);paint-order:stroke fill markers" 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 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814" d="m 49.207097,36.810781 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
id="path13743-5-0" /> id="path57655" />
<g <g
id="g1244-5" id="g58394"
transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)" transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-23.391278,79.81556)"
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="text1240-6" id="text58390"
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
id="tspan1238-6" sodipodi:role="line"
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="circle1242-4" id="circle58392"
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: 5.4 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

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

@ -7,13 +7,103 @@
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-1" id="Arrow2-3"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
@ -25,40 +115,47 @@
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-9" /> id="arrow2L-6" />
</marker> </marker>
<marker <marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-3-6" id="Arrow2-6"
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-6-9" /> id="arrow2L-7" />
</marker> </marker>
</defs> </defs>
<g <g
id="g2" id="g1"
transform="matrix(1.0015575,0,0,0.99732642,-0.05243394,0.19300789)" 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:7.69281;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:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336" d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
id="path1236-3" /> id="path1236-9"
sodipodi:nodetypes="cc" />
<path <path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;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-1);paint-order:stroke fill markers" 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"
d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377" d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
id="path1246-3" /> id="path1246-8"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
<g <g
id="g2746" id="g2746"
transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)" transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
style="display:inline"> style="display:inline">
<text <text
xml:space="preserve" xml:space="preserve"
@ -67,6 +164,7 @@
y="19.336451" y="19.336451"
id="text2742" id="text2742"
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" 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"
@ -80,39 +178,37 @@
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.0494;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="path4236-8" id="path57645"
d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" /> 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 <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);paint-order:stroke fill markers" 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 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814" d="m 55.960419,36.621547 c -3.160788,-1.74578 -5.556566,-1.265548 -8.491891,-0.154338"
id="path13743-5-0" /> id="path57655"
sodipodi:nodetypes="cc" />
<g <g
id="g1244-5" id="g58394"
transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)" transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-24.449612,79.81556)"
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="text1240-6" id="text58390"
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
id="tspan1238-6" sodipodi:role="line"
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="circle1242-4" id="circle58392"
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: 5.4 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

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

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