A starkingdoms-client/src/assets/starfield_dim.svg => starkingdoms-client/src/assets/starfield_dim.svg +516 -0
@@ 0,0 1,516 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ width="768"
+ height="768"
+ viewBox="0 0 203.19999 203.20001"
+ version="1.1"
+ id="svg3372"
+ inkscape:export-filename="/home/tm85/prj/stk_sprites/starfield.png"
+ inkscape:export-xdpi="64"
+ inkscape:export-ydpi="64"
+ inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+ sodipodi:docname="starfield.svg"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <sodipodi:namedview
+ id="namedview3374"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0.0"
+ inkscape:pagecheckerboard="true"
+ inkscape:document-units="px"
+ showgrid="false"
+ units="px"
+ width="512px"
+ inkscape:snap-object-midpoints="true"
+ inkscape:zoom="0.5"
+ inkscape:cx="499"
+ inkscape:cy="314"
+ inkscape:window-width="1270"
+ inkscape:window-height="704"
+ inkscape:window-x="1282"
+ inkscape:window-y="1808"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="layer1"
+ inkscape:showpageshadow="0"
+ inkscape:deskcolor="#505050" />
+ <defs
+ id="defs3369" />
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1">
+ <rect
+ style="fill:#000000;fill-opacity:1;stroke-width:0.264582"
+ id="rect3420"
+ width="203.2"
+ height="203.2"
+ x="7.1054274e-15"
+ y="7.1054274e-15" />
+ <circle
+ style="fill:#7f7f7f;fill-opacity:1;stroke-width:0.132291"
+ id="path3542"
+ cx="195.87514"
+ cy="245.92468"
+ r="1.5875" />
+ <circle
+ style="fill:#7f7f7f;fill-opacity:1;stroke-width:0.132291"
+ id="path3544"
+ cx="171.50687"
+ cy="217.02829"
+ r="1.0583333" />
+ <circle
+ style="fill:#7f7f7f;fill-opacity:1;stroke-width:0.132291"
+ id="path3546"
+ cx="196.42812"
+ cy="219.08032"
+ r="2.1166666" />
+ <use
+ id="use9119"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-117.70647,90.433444)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9121"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-74.466367,39.830974)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9123"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-87.026677,57.668596)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9123-2"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,116.17339,57.668596)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9125"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-27.602197,41.067791)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9127"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,2.5243312,57.170401)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9129"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,12.167156,-3.2600651)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9131"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,89.028973,36.353197)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9133"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,95.86754,10.585474)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9135"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,27.276996,29.994654)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9137"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,61.996373,-80.498595)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9139"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-2.2781878,-62.090325)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9141"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,64.896114,-9.2519051)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9141-6"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-64.869047,-18.896665)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9141-6-2"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-40.718957,-107.77145)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9141-6-2-9"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-40.718967,95.428541)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9143"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-23.695727,-12.656745)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9145"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-102.76199,-58.706835)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9147"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-73.678867,-45.603105)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9149"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-113.96472,-90.033295)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9151"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-95.963797,-117.61499)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9153"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-54.019037,-96.873615)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9155"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-44.816717,-59.764305)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9157"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,64.030044,-162.1849)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9159"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,109.16826,-85.269965)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9161"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,159.2623,-75.335595)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9163"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,101.24301,-40.605745)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9165"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,165.31357,-101.14033)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10351"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,26.622351,-40.804639)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10353"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,12.252463,-0.22730887)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9129-0"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,31.615387,-103.19598)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9129-9"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,82.02536,74.996004)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10355"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-31.446262,-52.611369)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10357"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-40.750042,22.854617)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10359"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,72.769863,-73.105809)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10361"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-67.880292,57.91203)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10363"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,93.57234,-33.857509)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10365"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-1.0893901,-97.090089)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10367"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,45.021777,22.343368)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10369"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,95.44009,96.823387)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10369-1"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,95.44009,-106.37654)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10371"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,38.374784,60.568013)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use10373"
+ inkscape:spray-origin="#path3546"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,20.710442,83.652262)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ <use
+ id="use9129-6"
+ inkscape:spray-origin="#path3544"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-20.962797,-86.013975)"
+ style="fill:#7f7f7f;fill-opacity:1" />
+ </g>
+</svg>
A starkingdoms-client/src/assets/starfield_transp.svg => starkingdoms-client/src/assets/starfield_transp.svg +389 -0
@@ 0,0 1,389 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ width="768"
+ height="768"
+ viewBox="0 0 203.19999 203.20001"
+ version="1.1"
+ id="svg3372"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <defs
+ id="defs3369" />
+ <g
+ id="layer1"
+ transform="rotate(90, 101.6, 101.6)">
+ <circle
+ style="fill:#ffffff;fill-opacity:1;stroke-width:0.132291"
+ id="path3542"
+ cx="195.87514"
+ cy="245.92468"
+ r="1.5875" />
+ <circle
+ style="fill:#ffffff;fill-opacity:1;stroke-width:0.132291"
+ id="path3544"
+ cx="171.50687"
+ cy="217.02829"
+ r="1.0583333" />
+ <circle
+ style="fill:#ffffff;fill-opacity:1;stroke-width:0.132291"
+ id="path3546"
+ cx="196.42812"
+ cy="219.08032"
+ r="2.1166666" />
+ <use
+ id="use9119"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-117.70647,90.433444)" />
+ <use
+ id="use9121"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-74.466367,39.830974)" />
+ <use
+ id="use9123"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-87.026677,57.668596)" />
+ <use
+ id="use9123-2"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,116.17339,57.668596)" />
+ <use
+ id="use9125"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-27.602197,41.067791)" />
+ <use
+ id="use9127"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,2.5243312,57.170401)" />
+ <use
+ id="use9129"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,12.167156,-3.2600651)" />
+ <use
+ id="use9131"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,89.028973,36.353197)" />
+ <use
+ id="use9133"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,95.86754,10.585474)" />
+ <use
+ id="use9135"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,27.276996,29.994654)" />
+ <use
+ id="use9137"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,61.996373,-80.498595)" />
+ <use
+ id="use9139"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-2.2781878,-62.090325)" />
+ <use
+ id="use9141"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,64.896114,-9.2519051)" />
+ <use
+ id="use9141-6"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-64.869047,-18.896665)" />
+ <use
+ id="use9141-6-2"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-40.718957,-107.77145)" />
+ <use
+ id="use9141-6-2-9"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-40.718967,95.428541)" />
+ <use
+ id="use9143"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-23.695727,-12.656745)" />
+ <use
+ id="use9145"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-102.76199,-58.706835)" />
+ <use
+ id="use9147"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-73.678867,-45.603105)" />
+ <use
+ id="use9149"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-113.96472,-90.033295)" />
+ <use
+ id="use9151"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-95.963797,-117.61499)" />
+ <use
+ id="use9153"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-54.019037,-96.873615)" />
+ <use
+ id="use9155"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-44.816717,-59.764305)" />
+ <use
+ id="use9157"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,64.030044,-162.1849)" />
+ <use
+ id="use9159"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,109.16826,-85.269965)" />
+ <use
+ id="use9161"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,159.2623,-75.335595)" />
+ <use
+ id="use9163"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,101.24301,-40.605745)" />
+ <use
+ id="use9165"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,165.31357,-101.14033)" />
+ <use
+ id="use10351"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,26.622351,-40.804639)" />
+ <use
+ id="use10353"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,12.252463,-0.22730887)" />
+ <use
+ id="use9129-0"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,31.615387,-103.19598)" />
+ <use
+ id="use9129-9"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,82.02536,74.996004)" />
+ <use
+ id="use10355"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-31.446262,-52.611369)" />
+ <use
+ id="use10357"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-40.750042,22.854617)" />
+ <use
+ id="use10359"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,72.769863,-73.105809)" />
+ <use
+ id="use10361"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-67.880292,57.91203)" />
+ <use
+ id="use10363"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,93.57234,-33.857509)" />
+ <use
+ id="use10365"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-1.0893901,-97.090089)" />
+ <use
+ id="use10367"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,45.021777,22.343368)" />
+ <use
+ id="use10369"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,95.44009,96.823387)" />
+ <use
+ id="use10369-1"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,95.44009,-106.37654)" />
+ <use
+ id="use10371"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,38.374784,60.568013)" />
+ <use
+ id="use10373"
+ xlink:href="#path3546"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,20.710442,83.652262)" />
+ <use
+ id="use9129-6"
+ xlink:href="#path3544"
+ x="0"
+ y="0"
+ width="100%"
+ height="100%"
+ transform="matrix(0.5,0,0,0.5,-20.962797,-86.013975)" />
+ </g>
+</svg>
M starkingdoms-client/src/rendering.ts => starkingdoms-client/src/rendering.ts +53 -13
@@ 3,9 3,9 @@ import { global, player } from "./globals.ts";
import {
part_texture_url,
planet_texture_url,
- starfield_url,
} from "./textures.ts";
-import tex_starfield from "./assets/starfield.svg";
+import tex_starfield from "./assets/starfield_dim.svg";
+import tex_starfield_transp from "./assets/starfield_transp.svg";
const PART_WIDTH = 50;
const PART_HEIGHT = 50;
@@ 41,12 41,30 @@ export function startRender() {
off_x: 0,
off_y: 0,
},
+ starfield_near: {
+ sprite: new PIXI.TilingSprite(
+ PIXI.Texture.from(tex_starfield_transp),
+ window.innerHeight,
+ window.innerWidth,
+ //1024,
+ //1024,
+ ),
+ off_x: 0,
+ off_y: 0,
+ },
part_sprites_need_texture_change: [],
};
+ // Main starfield
global.rendering!.app.stage.addChild(global.rendering!.starfield.sprite);
- global.rendering!.starfield.sprite.height = window.innerHeight + 768;
- global.rendering!.starfield.sprite.width = window.innerWidth + 768;
+ global.rendering!.starfield.sprite.height = window.innerHeight + 384;
+ global.rendering!.starfield.sprite.width = window.innerWidth + 384;
+
+ // Near starfield
+ global.rendering!.app.stage.addChild(global.rendering!.starfield_near.sprite);
+ global.rendering!.starfield_near.sprite.height = window.innerHeight + 768;
+ global.rendering!.starfield_near.sprite.width = window.innerWidth + 768;
+
app.ticker.add(() => {
global.rendering!.app.stage.x =
@@ 54,26 72,48 @@ export function startRender() {
global.rendering!.app.stage.y =
-player()?.transform.y! + window.innerHeight / 2;
- // Starfield
+ // TODO: refactor, make parallax configurable
+
+ // Main starfield
global.rendering!.starfield.off_x =
- ((global.parts_map.get(global.me?.part_id).transform.x * 3) / 4) % 768;
+ (global.parts_map.get(global.me?.part_id).transform.x * 3 / 4) % 384;
global.rendering!.starfield.off_y =
- ((global.parts_map.get(global.me?.part_id).transform.y * 3) / 4) % 768;
+ (global.parts_map.get(global.me?.part_id).transform.y * 3 / 4) % 384;
global.rendering!.starfield.sprite.x =
- Math.floor(global.parts_map.get(global.me?.part_id).transform.x / 768) *
- 768 -
+ Math.floor(global.parts_map.get(global.me?.part_id).transform.x / 384) *
+ 384 -
global.rendering!.starfield.sprite.width / 2 +
- 384;
+ 192;
global.rendering!.starfield.sprite.y =
- Math.floor(global.parts_map.get(global.me?.part_id).transform.y / 768) *
- 768 -
+ Math.floor(global.parts_map.get(global.me?.part_id).transform.y / 384) *
+ 384 -
global.rendering!.starfield.sprite.height / 2 +
- 384;
+ 192;
global.rendering!.starfield.sprite.tilePosition.x =
global.rendering!.starfield.off_x;
global.rendering!.starfield.sprite.tilePosition.y =
global.rendering!.starfield.off_y;
+ // Near starfield
+ global.rendering!.starfield_near.off_x =
+ (global.parts_map.get(global.me?.part_id).transform.x / 2) % 768;
+ global.rendering!.starfield_near.off_y =
+ (global.parts_map.get(global.me?.part_id).transform.y / 2) % 768;
+ global.rendering!.starfield_near.sprite.x =
+ Math.floor(global.parts_map.get(global.me?.part_id).transform.x / 768) *
+ 768 -
+ global.rendering!.starfield_near.sprite.width / 2 +
+ 384;
+ global.rendering!.starfield_near.sprite.y =
+ Math.floor(global.parts_map.get(global.me?.part_id).transform.y / 768) *
+ 768 -
+ global.rendering!.starfield_near.sprite.height / 2 +
+ 384;
+ global.rendering!.starfield_near.sprite.tilePosition.x =
+ global.rendering!.starfield_near.off_x;
+ global.rendering!.starfield_near.sprite.tilePosition.y =
+ global.rendering!.starfield_near.off_y;
+
for (let [id, part] of global.parts_map) {
let part_sprite;
