better assets
This commit is contained in:
parent
f171b3c320
commit
800b09d79b
4 changed files with 63 additions and 58 deletions
|
@ -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)">
|
||||
<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"
|
||||
d="M 50,110 V -32.52237"
|
||||
id="path1" />
|
||||
<g
|
||||
id="path1">
|
||||
<path
|
||||
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="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>
|
||||
|
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.3 KiB |
|
@ -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"
|
||||
|
@ -57,21 +57,19 @@
|
|||
inkscape:isstock="true"
|
||||
inkscape:label="Checkerboard">
|
||||
<rect
|
||||
style="stroke:none"
|
||||
x="0"
|
||||
y="0"
|
||||
width="1"
|
||||
height="1"
|
||||
id="rect209" />
|
||||
|
||||
style="stroke:none"
|
||||
x="0"
|
||||
y="0"
|
||||
width="1"
|
||||
height="1"
|
||||
id="rect209" />
|
||||
<rect
|
||||
style="stroke:none"
|
||||
x="1"
|
||||
y="1"
|
||||
width="1"
|
||||
height="1"
|
||||
id="rect211" />
|
||||
|
||||
style="stroke:none"
|
||||
x="1"
|
||||
y="1"
|
||||
width="1"
|
||||
height="1"
|
||||
id="rect211" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<g
|
||||
|
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
|
@ -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>
|
||||
|
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
@ -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";
|
||||
|
|
Loading…
Reference in a new issue