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)
@@ -44,23 +45,27 @@ 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);
+            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)
                         {
-                    canvas.obj_from_img("assets/planets/" + urls[Math.floor(Math.random() * urls.length)], canvas.rel_pos(planet.position), {
-                        selectable: true,
+                            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);

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);
 }