Test API ship

michael-travel
Makaci Michael Gabriel ago%!(EXTRA string=1 year)
parent 42a37339c8
commit d3b1b17aac
  1. 23
      js/controllers/home.js
  2. 53
      js/controllers/systems.js
  3. 2
      js/skama_code

@ -1,10 +1,27 @@
import menu_mod from "./menu_mod.js"; import menu_mod from "./menu_mod.js";
import { My } from "../skama_code/api/agent.js";
import { Ship } from "../skama_code/api/ship.js";
export default function home(temp_engine) { export default function home(temp_engine) {
console.log("test"); console.log("test");
temp_engine.after_render(menu_mod); temp_engine.after_render(menu_mod);
temp_engine.render("templates/home.html"); temp_engine.render("templates/home.html");
}
if (My.agent) {
Ship.list((ships) => {
ships[0].orbit(
(response) => console.log(response),
(err) => console.log(err)
);
ships[0].navigate(
"X1-TN14-A2",
(response) => {
console.log(response);
},
(err) => {
console.log(err);
}
);
});
}
}

@ -1,17 +1,17 @@
import { SystemBuilder } from "../skama_code/api/system.js"; import { SystemBuilder } from "../skama_code/api/system.js";
import menu_mod from "./menu_mod.js" import menu_mod from "./menu_mod.js";
import system from "./system.js" import system from "./system.js";
let canvas; let canvas;
let last_target; let last_target;
let offset = { let offset = {
x: 2, x: 2,
y: 2 y: 2,
}; };
let max = 100; let max = 100;
let w = (window.innerWidth/10)*9; let w = (window.innerWidth / 10) * 9;
let h = (window.innerHeight/4)*3; let h = (window.innerHeight / 4) * 3;
function animate() { function animate() {
canvas.renderAll(); canvas.renderAll();
@ -26,17 +26,16 @@ function draw_system(system) {
offsetY: 0, offsetY: 0,
}); });
fabric.Image.fromURL('/assets/systems/bluesystem.png', function(img_planet) { fabric.Image.fromURL("/assets/systems/bluesystem.png", function (img_planet) {
img_planet.set({ img_planet.set({
selectable: false, selectable: false,
scaleX: 0.20, scaleX: 0.2,
scaleY: 0.20, scaleY: 0.2,
shadow: shadow, shadow: shadow,
left: system.position.x/offset.x + w/2, left: system.position.x / offset.x + w / 2,
top: system.position.y/offset.y+ h/2, top: system.position.y / offset.y + h / 2,
name: system.name, name: system.name,
type: system.type type: system.type,
}); });
canvas.add(img_planet); canvas.add(img_planet);
}); });
@ -45,34 +44,44 @@ function draw_system(system) {
export function systems(temp_engine) { export function systems(temp_engine) {
temp_engine.after_render((temp_engine) => { temp_engine.after_render((temp_engine) => {
menu_mod(temp_engine); menu_mod(temp_engine);
canvas = new fabric.Canvas("canvas",{ canvas = new fabric.Canvas("canvas", {
width: w, width: w,
height: h, height: h,
backgroundColor:"rgb(7, 18, 41)", backgroundColor: "rgb(7, 18, 41)",
renderOnAddRemove: false, renderOnAddRemove: false,
hoverCursor :'pointer' hoverCursor: "pointer",
}); });
SystemBuilder.list_all((systems) => { const system_builder = new SystemBuilder();
systems.forEach(system => { system_builder.list_all((systems) => {
systems.forEach((system) => {
draw_system(system); draw_system(system);
}); });
animate(); animate();
}); });
canvas.on('mouse:up', (e) => { canvas.on("mouse:up", (e) => {
if (e.target) system(e.target.name, temp_engine); if (e.target) system(e.target.name, temp_engine);
}); });
$(window).on("resize", () => { $(window).on("resize", () => {
canvas.setWidth((window.innerWidth/10)*9); canvas.setWidth((window.innerWidth / 10) * 9);
canvas.setHeight((window.innerHeight/4)*3); canvas.setHeight((window.innerHeight / 4) * 3);
canvas.renderAll(); canvas.renderAll();
}); });
canvas.on("mouse:wheel", (opt) => { canvas.on("mouse:wheel", (opt) => {
console.log(opt.e.clientX); console.log(opt.e.clientX);
let scale = 1.1; let scale = 1.1;
if (opt.e.deltaY < 0) { if (opt.e.deltaY < 0) {
canvas.zoomToPoint(new fabric.Point(opt.e.clientX / canvas.getZoom(), opt.e.clienY / canvas.getZoom()), canvas.getZoom() * scale); canvas.zoomToPoint(
new fabric.Point(
opt.e.clientX / canvas.getZoom(),
opt.e.clienY / canvas.getZoom()
),
canvas.getZoom() * scale
);
} else if (opt.e.deltaY > 0) { } else if (opt.e.deltaY > 0) {
canvas.zoomToPoint(new fabric.Point(canvas.width / 2, canvas.height / 2), canvas.getZoom() / scale); canvas.zoomToPoint(
new fabric.Point(canvas.width / 2, canvas.height / 2),
canvas.getZoom() / scale
);
} }
}); });
}); });

@ -1 +1 @@
Subproject commit 129257efebc1f03b537b9a489d09774e8e7a3ed7 Subproject commit 7bbbfc565e3e2555d50c4e117311d98e629998c9
Loading…
Cancel
Save