ajout des planetes

css/style.css

@@ -1,5 +1,6 @@
 canvas {
-    width: 50%;
+    width: 100%;
+    height: 600px;
     border: 2px solid black;
     border-radius: 5px;
 }

js/main.js

@@ -1,3 +1,4 @@
+//Copyright © space tarders 2023
 let token = "Bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVyIjoiQU5OTk5VTEFYMTIyNSIsInZlcnNpb24iOiJ2Mi4xLjEiLCJyZXNldF9kYXRlIjoiMjAyMy0xMS0wNCIsImlhdCI6MTcwMDIyNDU5MSwic3ViIjoiYWdlbnQtdG9rZW4ifQ.r05mWtD5FjC4s6Td-ycmHdzL7C2s75lz3q7OBmWeCqUUZ1ejPsRGQRWJDPmIh1kAqO4D9FFs3GCTPZUn1KsnQ-xmDvsIi_mqC1gJV-Q0irI7gwfsGXbfLaVCXo-Q98C_QWRh-O_xkrbhJkCcvnwdEhZm7FnZ3PL4XXKrG0XNa98JrnmG0qlz0cv8V9Q0sSIwXZbvA9BrhuV8PK7_YzPc6LZuNqgPeKiX_B-tSIHHl6Sr1EzuydnczmuS-xKQnbhmcqnpaCXzQmJr7tA8KLgu70KqpPCvA8AI6PLmBlvPWtZ20RdzezqlBh6S9SrBzQ9R0zr_9RyJxq28ws2jnHpVPw";
 let offset = {
     x: 10,

js/test.js

@@ -1,3 +1,4 @@
+//Copyright © space tarders 2023
 'use strict'
 //lister vaisseau
 const token="Bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVyIjoiSEFNRE9VTEFITCIsInZlcnNpb24iOiJ2Mi4xLjEiLCJyZXNldF9kYXRlIjoiMjAyMy0xMS0wNCIsImlhdCI6MTcwMDIyNDI3MSwic3ViIjoiYWdlbnQtdG9rZW4ifQ.LNKY3vcOZIjiHUj-Z9z8kgNDqpQgB63u_6ceibfHQX-U1ox2bRjQqlSMnSjvUsXkx1G8qIDQUP9Sl-uuiHNzdtq1TmQD4x6c0nIEPNrP_OUbQSP98JZ2-xrp6h4TfXnK_o8OPqhpbRIH9iklnSrXswUZg6H2Cy78yS4sVaftiq0nBH5TLK4k5sEe5MVvhLiAuPAlNhYHUZdXP-T1y6PmmIim5d-0fwetkuC4Q2PLZp5Qg3b_2Bfy2GIUj4nI9m1e6ukaeuIF6VMYrsDUiBXD7jGrdFj2J2ZBrXKJQdQRfMKcUNpMqKdwM606S8VFDo6QHUxB5Rgi9GHFWGEKEMyBCQ"

test.js

@@ -1,6 +1,14 @@
+//Copyright © space tarders 2023
+
 'use strict'
-//lister vaisseau
 
+const canvas = document.getElementById("canvas");
+let w = canvas.width = canvas.offsetWidth;
+let h = canvas.height = canvas.offsetHeight;
+const ctx = canvas.getContext("2d"); 
+let planets = [];
+
+//lister vaisseau
 const token="Bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVyIjoiREFOSUVMMTIzNCIsInZlcnNpb24iOiJ2Mi4xLjIiLCJyZXNldF9kYXRlIjoiMjAyMy0xMS0xOCIsImlhdCI6MTcwMDgzMjc4MSwic3ViIjoiYWdlbnQtdG9rZW4ifQ.JIOfLaTzMeV4nrZ4tI8jdwrLyuNiqbMdXvXcNQfr1swHRBoIz39ozF6n33NOA7Zhp6frCXO8lflrDH2BTobOes5e2Q0BqNTj0Xq3MJeCc6QDsywv_doiIenDbf3gY7Aju_gC3z3u0uw0IqLhgxFIurlFgdXhsXX466i71sPrK8PPtGezTqB7_b7umAh3AknAuAaGi5no5VsvhCDJjH_Sb5HNkCYCvkENTm_INY5cprizOXjwYJd_91-b3ChMyJwMKJH9t68_rmDtZrU757sqSpDWE6ugh2auXEQXh3Am-BjBP1W6hlPjrOsxodD4mGYMgX8uYmZMRubIze0eu8FiNA"
 $('#canvas').on('click',function(e){
   console.log(getMousePosition(e, $('#canvas')));
@@ -40,37 +48,40 @@ const ListMyShips = {
         }
     };
     $.ajax(settings).done(function (reponse) {
-  let metaSystem = reponse.data.headquarters.split("-");
-  getListWaypoint(metaSystem[0] + "-" + metaSystem[1]);
-  
-});
+      let metaSystem = reponse.data.headquarters.split("-");
+      getListWaypoint(metaSystem[0] + "-" + metaSystem[1]);
+    });
 }
 getSystem();
 
 //lister les points du systeme
 function getListWaypoint(system) {
-    const settings = {
-        async: true,
-        crossDomain: true,
-        url: `https://api.spacetraders.io/v2/systems/${system}/waypoints`,
-        method: 'GET',
-        headers: {
-            Accept: 'application/json'
-        },
-        data:{
-            limit:20,
-            page:1
-        }
-    };
-      
-    $.ajax(settings).done(function (response) {
-        console.log(response);
-        let waypoint = "X1-DZ90-EZ5C"
-        console.log(waypoint)
-        travel(waypoint)
+  for(let i=1;i<5;i++){
+  const settings = {
+      async: true,
+      crossDomain: true,
+      url: `https://api.spacetraders.io/v2/systems/${system}/waypoints`,
+      method: 'GET',
+      headers: {
+          Accept: 'application/json'
+      },
+      data:{
+          limit:20,
+          page:i
+      }
+  };
+    
+  $.ajax(settings).done(function (response) {
+    console.log(response.data)
+    response.data.forEach(waypoint => {
+      planets.push(waypoint);
+      ctx.fillStyle = "rgb(0,0,0)";
+      ctx.fillRect(waypoint.x/3 + w/2, waypoint.y/3 + h/2,6,6)
     });
+  });
+  }
 }
-  
+drawSystem();
 function travel(waypoint)
 {
     const travelShip = {
@@ -91,7 +102,3 @@ function travel(waypoint)
     console.log(response);
   });
 }
-function clickTest(MouseX,MouseY){
-  console.log(MouseX);
-  console.log(MouseY);
-}