2 files changed, 12 insertions(+), 6 deletions(-)

M starkingdoms-client/src/assets/starfield_dim.svg
M starkingdoms-client/src/rendering.ts

@@ 2,8 2,8 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="768"
-   height="768"
+   width="384"
+   height="384"
    viewBox="0 0 203.19999 203.20001"
    version="1.1"
    id="svg3372"

@@ 50,13 50,9 @@ export function startRender() {
 
   // Main starfield
   global.rendering!.app.stage.addChild(global.rendering!.starfield.sprite);
-  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 =


@@ 67,10 63,14 @@ export function startRender() {
     // TODO: refactor, make parallax configurable
 
     // Main starfield
+    global.rendering!.starfield.sprite.height = window.innerHeight + 384;
+    global.rendering!.starfield.sprite.width = window.innerWidth + 384;
+
     global.rendering!.starfield.off_x =
       ((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) % 384;
+
     global.rendering!.starfield.sprite.x =
       Math.floor(global.parts_map.get(global.me?.part_id!)!.transform.x / 384) *
         384 -


@@ 81,16 81,21 @@ export function startRender() {
         384 -
       global.rendering!.starfield.sprite.height / 2 +
       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.sprite.height = window.innerHeight + 768;
+    global.rendering!.starfield_near.sprite.width = window.innerWidth + 768;
+
     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 -


@@ 101,6 106,7 @@ export function startRender() {
         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 =