KKKKKKKKKKKKKKKKKKKKKKKKKK

css/system.css

@@ -11,5 +11,5 @@
 {
     border: 1px solid black;
     border-radius: 10px;
-    background-color: rgba(0, 0, 0, 0.589);
+    background-color: rgba(0, 0, 0, 0.795);
 }

js/controllers/system.js

@@ -2,6 +2,7 @@ import menu_mod from "./menu_mod.js";
 import home from "./home.js";
 import { CanvasRenderer } from "../skama_code/ui/canvas_render.js";
 import { SystemBuilder } from "../skama_code/api/system.js"
+import { Position } from "../skama_code/commun/position.js";
 
 
 function get_img_from_type(planet)
@@ -42,35 +43,39 @@ function get_img_from_type(planet)
 }
 
 export default function system(temp_engine, sys_name) {
-  temp_engine.after_render(() => {
-    $("body").css("background-image", "url('/assets/img/background.png')")
-
-    let canvas = new CanvasRenderer("sys-canvas", 1200, 700);
-    SystemBuilder.get(sys_name, (system) => {
-        system.list_all_planets((planets) => {
-            canvas.clean();
-            planets.forEach((planet) => {
-                let urls = get_img_from_type(planet);
-                if(urls.length)
-                {
-                    canvas.obj_from_img("assets/planets/" + urls[Math.floor(Math.random() * urls.length)], canvas.rel_pos(planet.position), {
-                        selectable: true,
-                        name: planet.name,
-                        update: null,
+    temp_engine.after_render(() => {
+            $("body").css("background-image", "url('/assets/img/background.png')")
+            let canvas = new CanvasRenderer("sys-canvas", 1200, 700);
+            canvas.resize((window.innerWidth/10)*9, (window.innerHeight/5)*4);
+            SystemBuilder.get(sys_name, (system) => {
+                system.list_all_planets((planets) => {
+                    canvas.clean();
+                    console.log(planets)
+                    planets.forEach((planet) => {
+                        let urls = get_img_from_type(planet);
+                        if(urls.length)
+                        {
+                            let url = urls[Math.floor(Math.random() * urls.length)];
+                            console.log(url)
+                            canvas.obj_from_img("assets/planets/" + url, canvas.canvas_pos(planet.position), {
+                                selectable: false,
+                                name: planet.name,
+                                update: null,
+                            });
+                        }
                     });
-                }
-            });
-        });
+                    canvas.zoom(new Position(0, 0), 0.5);
+                }, true);
 
-        $(window).on("resize", () => {
-            canvas.resize((window.innerWidth/10)*9, (window.innerHeight/5)*4);
-        });
+                $(window).on("resize", () => {
+                    canvas.resize((window.innerWidth/10)*9, (window.innerHeight/5)*4);
+                });
 
-        canvas.start();
-        menu_mod(temp_engine, system);
-    }, (err) => {
-        home(temp_engine);
+                canvas.start();
+                menu_mod(temp_engine, system);
+            }, (err) => {
+                home(temp_engine);
+            });
     });
-  });
-  temp_engine.render("templates/system/system.html");
+    temp_engine.render("templates/system/system.html");
 }

js/index.js

@@ -1,7 +1,7 @@
 // Copyright © 2023 Entreprise SkamKraft
 "use strict";
 import { TemplateEngine } from "./skama_code/ui/templeting_engine.js";
-import login from "./controllers/login.js";
+import register from "./controllers/register.js";
 import { Auth } from "./skama_code/auth/auth.js";
 import { AgentBuilder } from "./skama_code/api/agent.js";
 import { My } from "./skama_code/commun/my.js";
@@ -20,5 +20,5 @@ if(auth.relog())
 }
 else 
 {
-    login(temp_engine);
+    register(temp_engine);
 }