parent
3740a5e7b7
commit
742d90ec3d
4 changed files with 121 additions and 0 deletions
@ -0,0 +1,5 @@ |
|||||||
|
canvas { |
||||||
|
width: 50%; |
||||||
|
border: 2px solid black; |
||||||
|
border-radius: 5px; |
||||||
|
} |
@ -0,0 +1,96 @@ |
|||||||
|
let token = "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVyIjoiQU5OTk5VTEFYMTIyNSIsInZlcnNpb24iOiJ2Mi4xLjEiLCJyZXNldF9kYXRlIjoiMjAyMy0xMS0wNCIsImlhdCI6MTcwMDIyNDU5MSwic3ViIjoiYWdlbnQtdG9rZW4ifQ.r05mWtD5FjC4s6Td-ycmHdzL7C2s75lz3q7OBmWeCqUUZ1ejPsRGQRWJDPmIh1kAqO4D9FFs3GCTPZUn1KsnQ-xmDvsIi_mqC1gJV-Q0irI7gwfsGXbfLaVCXo-Q98C_QWRh-O_xkrbhJkCcvnwdEhZm7FnZ3PL4XXKrG0XNa98JrnmG0qlz0cv8V9Q0sSIwXZbvA9BrhuV8PK7_YzPc6LZuNqgPeKiX_B-tSIHHl6Sr1EzuydnczmuS-xKQnbhmcqnpaCXzQmJr7tA8KLgu70KqpPCvA8AI6PLmBlvPWtZ20RdzezqlBh6S9SrBzQ9R0zr_9RyJxq28ws2jnHpVPw"; |
||||||
|
function initGame() { |
||||||
|
const settings = { |
||||||
|
async: true, |
||||||
|
crossDomain: true, |
||||||
|
url: 'https://api.spacetraders.io/v2/register', |
||||||
|
method: 'POST', |
||||||
|
headers: { |
||||||
|
'Content-Type': 'application/json', |
||||||
|
Accept: 'application/json' |
||||||
|
}, |
||||||
|
processData: false, |
||||||
|
data: '{\n "faction": "COSMIC",\n "symbol": "ANNNNulax1225",\n "email": ""\n}' |
||||||
|
}; |
||||||
|
|
||||||
|
$.ajax(settings).done(function (response) { |
||||||
|
console.log(response); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function getAgent() { |
||||||
|
const settings = { |
||||||
|
async: true, |
||||||
|
crossDomain: true, |
||||||
|
url: 'https://api.spacetraders.io/v2/my/agent', |
||||||
|
method: 'GET', |
||||||
|
headers: { |
||||||
|
Accept: 'application/json', |
||||||
|
Authorization: `Bearer ${token}` |
||||||
|
} |
||||||
|
}; |
||||||
|
$.ajax(settings).done(function (reponse) { |
||||||
|
$('.main-window').prepend(` |
||||||
|
<article class="agent-card"> |
||||||
|
<p class="account">${reponse.data.accountId}</p> |
||||||
|
<p class="symbol">${reponse.data.symbol}</p> |
||||||
|
<p class="headquarters">${reponse.data.headquarters}</p> |
||||||
|
<p class="credits">${reponse.data.credits}</p> |
||||||
|
<p class="startingFaction">${reponse.data.startingFaction}</p> |
||||||
|
<p class="shipCount">${reponse.data.shipCount}</p> |
||||||
|
</article> |
||||||
|
`);
|
||||||
|
let metaSystem = reponse.data.headquarters.split("-"); |
||||||
|
getSystem(metaSystem[0] + "-" + metaSystem[1]); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function getWayPoint(wayPoint) { |
||||||
|
const settings = { |
||||||
|
async: true, |
||||||
|
crossDomain: true, |
||||||
|
url: `https://api.spacetraders.io/v2/systems/systemSymbol/waypoints/waypointSymbol`, |
||||||
|
method: 'GET', |
||||||
|
headers: { |
||||||
|
Accept: 'application/json' |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
$.ajax(settings).done(function (response) { |
||||||
|
console.log(response); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
function getSystem(system) { |
||||||
|
const settings = { |
||||||
|
async: true, |
||||||
|
crossDomain: true, |
||||||
|
url: `https://api.spacetraders.io/v2/systems/${system}`, |
||||||
|
method: 'GET', |
||||||
|
headers: { |
||||||
|
Accept: 'application/json' |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
$.ajax(settings).done(function (response) { |
||||||
|
drawSystem(response.data.waypoints); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function drawSystem(wayPoints) { |
||||||
|
const canvas = document.getElementById("canvas"); |
||||||
|
let w = canvas.width; |
||||||
|
let h = canvas.height;
|
||||||
|
const ctx = canvas.getContext("2d"); |
||||||
|
wayPoints.forEach(wayPoint => { |
||||||
|
drawWaypoint(wayPoint, ctx, w/2, h/2); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function drawWaypoint(wayPoint, ctx, w, h) { |
||||||
|
ctx.beginPath(); |
||||||
|
ctx.arc(wayPoint.x/10 + w, wayPoint.y/10 + h, 2, 0, 2 * Math.PI); |
||||||
|
ctx.stroke(); |
||||||
|
} |
||||||
|
|
||||||
|
getAgent(); |
@ -0,0 +1,19 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||||
|
<link rel="stylesheet" href="../css/style.css"> |
||||||
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> |
||||||
|
<script src="../js/main.js"></script> |
||||||
|
<title>Space traders</title> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<main class="main-window"> |
||||||
|
<input id="token" type="text"> |
||||||
|
<br> |
||||||
|
<canvas id="canvas"></canvas> |
||||||
|
</main> |
||||||
|
</body> |
||||||
|
</html> |
@ -0,0 +1 @@ |
|||||||
|
eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVyIjoiQU5OTk5VTEFYMTIyNSIsInZlcnNpb24iOiJ2Mi4xLjEiLCJyZXNldF9kYXRlIjoiMjAyMy0xMS0wNCIsImlhdCI6MTcwMDIyNDU5MSwic3ViIjoiYWdlbnQtdG9rZW4ifQ.r05mWtD5FjC4s6Td-ycmHdzL7C2s75lz3q7OBmWeCqUUZ1ejPsRGQRWJDPmIh1kAqO4D9FFs3GCTPZUn1KsnQ-xmDvsIi_mqC1gJV-Q0irI7gwfsGXbfLaVCXo-Q98C_QWRh-O_xkrbhJkCcvnwdEhZm7FnZ3PL4XXKrG0XNa98JrnmG0qlz0cv8V9Q0sSIwXZbvA9BrhuV8PK7_YzPc6LZuNqgPeKiX_B-tSIHHl6Sr1EzuydnczmuS-xKQnbhmcqnpaCXzQmJr7tA8KLgu70KqpPCvA8AI6PLmBlvPWtZ20RdzezqlBh6S9SrBzQ9R0zr_9RyJxq28ws2jnHpVPw |
Loading…
Reference in New Issue