2 files changed, 16 insertions(+), 10 deletions(-)

M server/src/main.rs
M starkingdoms-client/src/rendering.ts

@@ 76,10 76,13 @@ fn on_message(
 
             match packet {
                 Packet::ClientLogin { username, .. } => {
-                    let angle: f32 = {
+                    /*let angle: f32 = {
                         let mut rng = rand::thread_rng();
                         rng.gen::<f32>() * std::f32::consts::PI * 2.
-                    };
+                    };*
+
+                     */
+                    let angle = 3f32;
                     let mut transform = Transform::from_xyz(
                         angle.cos() * 1100. / SCALE,
                         angle.sin() * 1100. / SCALE,

@@ 34,10 34,12 @@ export function startRender() {
     part_sprite_map: new Map(),
   };
 
+  app.stage.scale.set(0.4, 0.4);
+
   app.ticker.add(() => {
-    // RENDER STAGE 1: UPDATE POSITION
-    app.stage.setTransform(-player()?.transform.x!, -player()?.transform.y!);
-    // RENDER STAGE 2: UPDATE SPRITES
+    let camera_x = -player()?.transform.x!;
+    let camera_y = -player()?.transform.y!;
+    // RENDER STAGE 1: UPDATE SPRITES
     for (let [id, planet] of global.planets_map) {
       let planet_sprite;
 


@@ 52,13 54,14 @@ export function startRender() {
         console.log("adding planet sprite");
       }
 
+      console.log(planet);
       planet_sprite.height = planet.radius * 2;
       planet_sprite.width = planet.radius * 2;
-      planet_sprite.x = planet.transform.x;
-      planet_sprite.y = planet.transform.y;
+      planet_sprite.x = planet.transform.x - planet.radius - camera_x;
+      planet_sprite.y = planet.transform.y - planet.radius - camera_y;
       planet_sprite.rotation = planet.transform.rot;
     }
-    // RENDER STAGE 3: UPDATE PARTS
+    // RENDER STAGE 2: UPDATE PARTS
     for (let [id, part] of global.parts_map) {
       let part_sprite;
 


@@ 73,8 76,8 @@ export function startRender() {
 
       part_sprite.height = PART_HEIGHT;
       part_sprite.width = PART_WIDTH;
-      part_sprite.x = part.transform.x;
-      part_sprite.y = part.transform.y;
+      part_sprite.x = part.transform.x - PART_WIDTH - camera_x;
+      part_sprite.y = part.transform.y - PART_HEIGHT - camera_y;
       part_sprite.rotation = part.transform.rot;
     }
   });