better assets

static/assets/head.svg

@@ -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">
+     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>
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
      transform="translate(-19.223075,68.033118)">
-    <path
+    <g
-       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"
+       id="path1">
-       d="M 50,110 V -32.52237"
+      <path
-       id="path1" />
+         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>

static/assets/map.svg

@@ -24,9 +24,9 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="px"
-     inkscape:zoom="4.1121712"
+     inkscape:zoom="16.448685"
-     inkscape:cx="73.562113"
+     inkscape:cx="73.562112"
-     inkscape:cy="79.276856"
+     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"
+         style="stroke:none"
-   x="0"
+         x="0"
-   y="0"
+         y="0"
-   width="1"
+         width="1"
-   height="1"
+         height="1"
-   id="rect209" />
+         id="rect209" />
-
       <rect
-   style="stroke:none"
+         style="stroke:none"
-   x="1"
+         x="1"
-   y="1"
+         y="1"
-   width="1"
+         width="1"
-   height="1"
+         height="1"
-   id="rect211" />
+         id="rect211" />
-
     </pattern>
   </defs>
   <g

static/assets/player.svg

@@ -2,9 +2,9 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="120"
+   width="110"
-   height="120"
+   height="110"
-   viewBox="0 0 120 120"
+   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:zoom="2.0560856"
-     inkscape:cx="66.023517"
+     inkscape:cx="61.281496"
-     inkscape:cy="55.080392"
+     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"
+       d="m 31.743312,69.350998 c 11.434836,-1.542869 22.958802,-3.448643 33.167713,0"
-       id="path4" />
+       id="path4"
+       sodipodi:nodetypes="cc" />
   </g>
 </svg>

static/js/index.js

@@ -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";