From 9ae48457d033167ad0c4e80ef5151e7ada7f4635 Mon Sep 17 00:00:00 2001
From: TerraMaster85 <tm85@e3t.cc>
Date: Mon, 8 Jan 2024 22:57:54 -0500
Subject: [PATCH] Broke a hell of a lot of stuff

---
 .../src/components/ui/Checkbox.svelte         |  2 ++
 starkingdoms-client/src/pages/Play.svelte     | 14 +++++++++++
 starkingdoms-client/src/rendering.ts          | 23 ++++++++++++++++++-
 3 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/starkingdoms-client/src/components/ui/Checkbox.svelte b/starkingdoms-client/src/components/ui/Checkbox.svelte
index d7ac3fef80b0b1166fe8ea9d7e60af40cc0a28b2..d166063ac306f3f432349e8128bab0e627c22fc7 100644
--- a/starkingdoms-client/src/components/ui/Checkbox.svelte
+++ b/starkingdoms-client/src/components/ui/Checkbox.svelte
@@ -13,6 +13,7 @@
   export let disabled = false; // Boolean parameters have no content.
   export let style = "";
   export let title = "";
+  export let checked = false;
 </script>
 
 <input
@@ -20,6 +21,7 @@
   {id}
   class="svcmp-Checkbox {clazz}"
   {disabled}
+  {checked}
   on:click
   on:focus
   {style}
diff --git a/starkingdoms-client/src/pages/Play.svelte b/starkingdoms-client/src/pages/Play.svelte
index 990ad10a49030bfc59f122c9d8aa68f23cf10746..03a969fca7a00867cc704cf44d546a51bd50e30c 100644
--- a/starkingdoms-client/src/pages/Play.svelte
+++ b/starkingdoms-client/src/pages/Play.svelte
@@ -17,6 +17,9 @@
   let velocity;
   let x_pos;
   let y_pos;
+  
+  let antialiasing: Checkbox;
+
   let chatbox: Chatbox;
 
   const logger = createDebug("main");
@@ -25,6 +28,11 @@
   );
   logger("Current view: /play");
 
+  function toggleAntialiasing() {
+    global.rendering!.app.antialiasing = antialiasing.title;
+    //logger("Antialiasing is now", antialiasing.checked ? "on" : "off");
+  }
+
   onMount(async () => {
     config = await loadConfig();
 
@@ -116,6 +124,12 @@
     <label for="dev_mode">Developer mode (Advanced)</label>
     <Checkbox
       title="Enables tools intended only for the developers. Buggy. Use at your own risk." />
+    <label for="antialiasing">Antialiasing</label>
+    <Checkbox
+      title="Smooth out jagged edges. Minor performance hit."
+      checked={false}
+      bind:this={antialiasing}
+      on:click={toggleAntialiasing} />
   </Popup>
 </div>
 
diff --git a/starkingdoms-client/src/rendering.ts b/starkingdoms-client/src/rendering.ts
index e160ccc2fea3d3fb336ad63ca9170eb978d93514..ce20e01c69e048853b52caf7e331b910664938ed 100644
--- a/starkingdoms-client/src/rendering.ts
+++ b/starkingdoms-client/src/rendering.ts
@@ -1,6 +1,7 @@
 import * as PIXI from "pixi.js";
 import { global, player } from "./globals.ts";
-import { part_texture_url, planet_texture_url } from "./textures.ts";
+import { part_texture_url, planet_texture_url, starfield_url } from "./textures.ts";
+import tex_starfield from "./assets/starfield.svg";
 
 const PART_WIDTH = 50;
 const PART_HEIGHT = 50;
@@ -25,15 +26,35 @@ export function startRender() {
     player_text_map: new Map(),
     planet_sprite_map: new Map(),
     part_sprite_map: new Map(),
+    starfield: {
+      sprite: new PIXI.TilingSprite(
+        PIXI.Texture.from(
+          tex_starfield,
+        ), app.width, app.height,
+      ),
+      off_x: 0,
+      off_y: 0,
+    },
     part_sprites_need_texture_change: [],
   };
 
+  global.rendering!.app.stage.addChild(global.rendering!.starfield.sprite);
+  global.rendering!.starfield.sprite.height = 512;
+  global.rendering!.starfield.sprite.width = 512;
+
   app.ticker.add(() => {
     global.rendering!.app.stage.x =
       -player()?.transform.x! + window.innerWidth / 2;
     global.rendering!.app.stage.y =
       -player()?.transform.y! + window.innerHeight / 2;
 
+    global.rendering!.starfield.sprite.x = global.rendering!.starfield.off_x;
+    global.rendering!.starfield.sprite.y = global.rendering!.starfield.off_y;
+
+    // Starfield
+    //global.rendering!.starfield.sprite.tilePosition.x = global.rendering!.starfield.off_x % 512;
+    //global.rendering!.starfield.sprite.tilePosition.y = global.rendering!.starfield.off_y % 512;
+
     for (let [id, part] of global.parts_map) {
       let part_sprite;