archive/unibutton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better assets

Browse source
This commit is contained in:
biglyderv 2024-09-30 08:22:12 -04:00
parent ca3f8d77fa
commit d4fdcd574f
No known key found for this signature in database
GPG key ID: 33AC87E9ACE66954
4 changed files with 63 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
static/assets/head.svg
View file

@ -24,7 +24,7 @@
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="2.9077441"
inkscape:cx="20.806508"
inkscape:cx="20.634553"
inkscape:cy="88.384669"
inkscape:window-width="1860"
inkscape:window-height="1004"
@ -33,35 +33,36 @@
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1">
<marker
style="overflow:visible"
id="Triangle"
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Triangle arrow"
markerWidth="1"
markerHeight="1"
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:context-stroke;stroke-width:1pt"
d="M 5.77,0 -2.88,5 V -5 Z"
id="path135" />
</marker>
</defs>
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-19.223075,68.033118)">
<g
id="path1">
<path
style="fill:#000000;fill-opacity:1;stroke:#fcf9f9;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#Triangle);paint-order:stroke fill markers"
style="color:#000000;fill:#fcf9f9;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
d="m 50,-37.521484 a 5,5 0 0 0 -5,5 V 110 a 5,5 0 0 0 5,5 5,5 0 0 0 5,-5 V -32.521484 a 5,5 0 0 0 -5,-5 z"
id="path5" />
<path
style="color:#000000;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
d="M 50,110 V -32.52237"
id="path1" />
id="path6" />
<g
id="g2">
<g
id="path2">
<path
style="color:#000000;fill:#fcf9f9;fill-rule:evenodd;-inkscape-stroke:none"
d="m 50,-61.37237 25,43.25 H 25 Z"
id="path3" />
<path
style="color:#000000;fill:#fcf9f9;fill-rule:evenodd;-inkscape-stroke:none"
d="m 50,-68.033203 -30.777344,53.24414 h 61.554688 z m 0,13.322266 19.222656,33.255859 H 30.777344 Z"
id="path4" />
</g>
</g>
</g>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

8
static/assets/map.svg
View file

@ -24,9 +24,9 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="4.1121712"
inkscape:cx="73.562113"
inkscape:cy="79.276856"
inkscape:zoom="16.448685"
inkscape:cx="73.562112"
inkscape:cy="79.276855"
inkscape:window-width="1860"
inkscape:window-height="1004"
inkscape:window-x="30"
@ -63,7 +63,6 @@
width="1"
height="1"
id="rect209" />
<rect
style="stroke:none"
x="1"
@ -71,7 +70,6 @@
width="1"
height="1"
id="rect211" />
</pattern>
</defs>
<g

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

30
static/assets/player.svg
View file

@ -2,9 +2,9 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="120"
height="120"
viewBox="0 0 120 120"
width="110"
height="110"
viewBox="0 0 110 110"
version="1.1"
id="svg1"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
@ -23,24 +23,25 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="8.2243423"
inkscape:cx="66.023517"
inkscape:cy="55.080392"
inkscape:zoom="2.0560856"
inkscape:cx="61.281496"
inkscape:cy="49.60883"
inkscape:window-width="1860"
inkscape:window-height="1004"
inkscape:window-x="30"
inkscape:window-y="46"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
inkscape:current-layer="layer1"
showgrid="false" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(10,10)">
transform="translate(5,5)">
<circle
style="fill:#000000;fill-opacity:1;stroke:#fcf9f9;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#000000;fill-opacity:0.242578;stroke:#fcf9f9;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path1"
cx="50"
cy="50"
@ -48,12 +49,12 @@
<path
id="circle1"
style="fill:#ffffff;stroke:#fcf9f9;stroke-width:3.98197;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 42.827076,40.730564 c -0.530179,8.374653 -2.920163,15.194007 -6.522366,15.194007 -3.602203,0 -6.640889,-6.803426 -6.522366,-15.194007 0.11532,-8.163806 13.616818,-9.036609 13.044732,0 z"
d="m 42.827076,40.730564 c -0.286938,8.386511 -2.920163,15.194007 -6.522366,15.194007 -3.602203,0 -6.551419,-6.802639 -6.522366,-15.194007 0.04367,-12.613463 13.532684,-14.261654 13.044732,0 z"
sodipodi:nodetypes="ssss" />
<path
id="ellipse1"
style="fill:#ffffff;stroke:#fcf9f9;stroke-width:3.98197;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 70.217656,40.546146 c 0,8.391418 -2.920163,15.194007 -6.522366,15.194007 -3.602203,0 -6.522366,-6.802589 -6.522366,-15.194007 0,-8.391418 3.092117,-16.931967 6.694321,-16.931967 3.602203,0 6.350411,8.540549 6.350411,16.931967 z"
d="m 70.217656,40.546146 c 0,8.391418 -2.920163,15.194007 -6.522366,15.194007 -3.602203,0 -6.522366,-6.802589 -6.522366,-15.194007 0,-8.391418 3.3447,-21.991357 6.946904,-21.991357 3.602203,0 6.097828,13.599939 6.097828,21.991357 z"
sodipodi:nodetypes="sssss" />
<path
style="fill:none;fill-opacity:1;stroke:#fcf9f9;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:stroke fill markers"
@ -61,12 +62,13 @@
id="path2" />
<path
style="fill:none;fill-opacity:1;stroke:#fcf9f9;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:stroke fill markers"
d="m 53.246967,18.854004 c 1.048608,-8.377641 -1.071223,-7.088082 11.233085,-7.805733 11.451296,-0.667899 9.895156,3.566952 10.541176,7.805733"
d="m 53.246967,18.854004 c 3.507678,-5.08299 6.012898,-7.805733 11.233085,-7.805733 6.197647,0 7.728589,3.677368 10.541176,7.805733"
id="path3"
sodipodi:nodetypes="csc" />
<path
style="fill:none;fill-opacity:1;stroke:#fcf9f9;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:stroke fill markers"
d="M 31.743312,69.350998 H 64.911025"
id="path4" />
d="m 31.743312,69.350998 c 11.434836,-1.542869 22.958802,-3.448643 33.167713,0"
id="path4"
sodipodi:nodetypes="cc" />
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

6
static/js/index.js
View file

@ -49,9 +49,13 @@ class Game extends GameBasic {
ctx.restore();
ctx.fillStyle = ent.you.split('-')[0];
ctx.beginPath();
ctx.arc(ent.pos.x, ent.pos.y, 32,0,2*Math.PI);
ctx.fill();
ctx.drawImage(assetsIn[0], ent.pos.x - 64 / 2, ent.pos.y - 64 / 2, 64, 64);
ctx.fillStyle = ent.you.split('-')[0];
ctx.strokeStyle = "rgb(255,255,255)";
ctx.lineWidth = "8";
ctx.textAlign = "center";