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

work on animation

Browse Source
This commit is contained in:
Dev 1
2023-10-02 21:38:33 +05:30
parent c4edb94593
commit d7e64fff32
92 changed files with 8151 additions and 6690 deletions
Download Patch File Download Diff File Expand all files Collapse all files

352
public/assets/capital-letter/w_l2.svg
View File

@@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="w_l1.png"
inkscape:export-filename="W_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="w_l2.svg"
sodipodi:docname="w.svg"
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"
@@ -53,17 +53,17 @@
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="45.843238,25.664552"
position="48.326066,26.477187"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="58.298235,90.013389"
position="41.348506,94.185366"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="75.035526,115.88828"
position="81.571718,27.624258"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
@@ -105,140 +105,228 @@
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
id="path127"
sodipodi:nodetypes="cc" />
<circle
style="display:none;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="path9448"
cx="-27.39192"
cy="-8.6904173"
r="1.2760839"
transform="rotate(-174.16582)" />
<path
style="display:none;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);paint-order:stroke fill markers"
d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
id="path13743"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.791767,76.957835 51.179799,9.522057"
id="path1108"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,150.22437,76.26651)"
style="display:inline">
<text
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"
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
y="-23.497944">2</tspan></text>
<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"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-144.24458)" />
</g>
<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);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
<g
id="g2923"
style="display:none"
transform="matrix(1,0,0,-1,0,85.564005)">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.100614,76.117198 63.354702,9.1213771"
id="path1106"
sodipodi:nodetypes="cc" />
<g
id="g21538"
transform="matrix(1.1264863,0.11756911,0.12908962,-1.0259538,-25.105273,145.05901)"
style="display:inline">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
<path
style="display:none;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);paint-order:stroke fill markers"
d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
id="path330"
sodipodi:nodetypes="cc" />
<path
style="display:none;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);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path332"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
<g
id="g460"
id="g1955"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
id="path15674"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
id="path127"
sodipodi:nodetypes="cc" />
<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);paint-order:stroke fill markers"
d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
id="path340"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
<text
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"
x="62.785896"
y="73.803139"
id="text344"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.853783"
y="11.936646"
id="text9342"
transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
sodipodi:role="line"
id="tspan342"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="62.785896"
y="73.803139">4</tspan></text>
<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"
id="circle346"
cx="-65.687851"
cy="-71.079163"
r="1.2760839"
transform="rotate(-178.35508)" />
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
x="24.853783"
y="11.936646">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-27.161812"
cy="-8.0847635"
transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
rx="1.4518965"
ry="1.4022218" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1948"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.31515868"
inkscape:transform-center-y="0.85727554" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.962184,69.36561 52.098064,9.0641276"
id="path1108"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
<text
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"
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
y="-23.497944">2</tspan></text>
<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"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
id="path332"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.30342756"
inkscape:transform-center-y="0.87098558" />
</g>
<g
id="g2012"
style="display:none">
<g
id="g2000"
transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.061955,8.99943 63.703767,70.046504"
id="path1998"
sodipodi:nodetypes="cc" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
id="path2002"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.617058"
y="10.4682"
id="text2008"
transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
sodipodi:role="line"
id="tspan2004"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="10.4682">3</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="13.9706"
id="tspan2006" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2010"
cx="-52.237259"
cy="-7.8817549"
transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
rx="1.5597225"
ry="1.528752" />
</g>
<g
id="g2080"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 65.242051,69.248455 77.108307,9.0158542"
id="path2032"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2038"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2034"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2036" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2040"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2046"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2042"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2044" /></text>
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2052"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2048"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2050" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2054"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
id="path2056"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.30342762"
inkscape:transform-center-y="0.87098558" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2062"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2058"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2060" /></text>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 16 KiB