-
-
- 
-
-
- SkamCraft
- -
-
- N/A Credtis
- --
Login
+ +Login success
+New Agent
+ + +Login success
+ +Bienvenue sur SkamCraft
+Application client pour l'API Space Tarders.
+Systems
+ +
- SkamCraft
- -N/A Credtis
- -${err}
+ `); + }); + }); + + auth.relog(); +} \ No newline at end of file diff --git a/js/controllers/menu_mod.js b/js/controllers/menu_mod.js new file mode 100644 index 0000000..6287759 --- /dev/null +++ b/js/controllers/menu_mod.js @@ -0,0 +1,45 @@ +import { My } from "../skama_code/api/agent.js"; +import login from "./login.js"; +import reg from "./reg.js"; +import home from "./home.js"; +import { systems } from "./systems.js"; + +function init_menu(temp_engine) { + temp_engine.add_event("#reg-link", "click", () => { + reg(temp_engine); + }); + temp_engine.add_event("#login-link", "click", () => { + login(temp_engine); + }); + temp_engine.add_event("#systems-link", "click", () => { + systems(temp_engine); + }) + temp_engine.add_event(".nav-brand", "click", () => { + home(temp_engine); + }); +} + +function loged_links() { + $(".nav-links").prepend(` +Agent name : ${My.agent.name}
+Credits : ${My.agent.credits}
+Ships : ${My.agent.ships_cpt}
+Faction : ${My.agent.faction}
+HQ : ${My.agent.hq}
+ `); +} + +export default function menu_mod(temp_engine) { + init_menu(temp_engine); + if(My.agent) { + show_stats(); + loged_links(); + } +} \ No newline at end of file diff --git a/js/controllers/reg.js b/js/controllers/reg.js new file mode 100644 index 0000000..a8b8425 --- /dev/null +++ b/js/controllers/reg.js @@ -0,0 +1,64 @@ +import { Modal } from "../skama_code/ui/modal.js"; +import { Auth } from "../skama_code/auth/auth.js"; +import { My } from "../skama_code/api/agent.js"; +import home from "./home.js"; +import menu_mod from "./menu_mod.js"; + +export default function reg(temp_engine) { + let active = false; + let auth = new Auth(true); + let modal = new Modal("reg-modal", temp_engine); + + function render_reg() { + temp_engine.render(`templates/auth/reg.html`); + modal.load("templates/auth/reg_modal.html") + } + + modal.add_class("ext-modal"); + temp_engine.after_render(menu_mod); + + render_reg(); + + temp_engine.add_event("#ok", "click", () => { + home(temp_engine); + }); + + temp_engine.add_event("#forget_reg", "click", () => { + My.agent = null; + auth.unload_token(); + modal.close(); + render_reg(); + }); + + temp_engine.add_event("#val", "click", () => { + if (!active) { + active = true; + let name = $("#in-name").val(); + let faction = $("#in-faction").val(); + auth.register({ + name: name, + faction: faction + }); + } + }); + + temp_engine.add_event("#cancel", "click", () => { + $("#in-name").val(""); + $("#in-faction").val(""); + }); + + auth.done((agent) => { + $(".show-token").text(agent.token); + modal.show(); + My.agent = agent; + active = false; + }).fail((errs) => { + $(".errors").html(""); + errs.forEach(err => { + $(".errors").append(` +${err}
+ `); + }); + active = false; + }); +} \ No newline at end of file diff --git a/js/controllers/system.js b/js/controllers/system.js new file mode 100644 index 0000000..915227f --- /dev/null +++ b/js/controllers/system.js @@ -0,0 +1,100 @@ +import { SystemBuilder } from "../skama_code/api/system.js"; +import { Position } from "../skama_code/commun/position.js"; +import menu_mod from "./menu_mod.js" + +let canvas; +let last_target; + +let offset = { + x: 2, + y: 2 +}; +let max = 100; +let w = (window.innerWidth/10)*9; +let h = (window.innerHeight/4)*3; + +function animate() { + canvas.renderAll(); + setTimeout(animate, 1000); +} + +function draw_planet(planet) { + let shadow = new fabric.Shadow({ + color: "white", + blur: 5, + offsetX: 0, + offsetY: 0, + }); + + fabric.Image.fromURL('/assets/planets/planetproto.png', function(img_planet) { + //FABRICJS + img_planet.set({ + selectable: false, + shadow: shadow, + left: planet.position.x/offset.x + w/2, + top: planet.position.y/offset.y+ h/2, + name: planet.name, + type: planet.type + }); + canvas.add(img_planet); + }); +} + +function offsetOrbit(planet) { + if (planet.orbits) { + console.log("Orbits"); + let x = Math.floor(Math.random() * max - Math.random() * max); + let y = Math.floor(Math.random() * max - Math.random() * max); + planet.position.move(new Position(x, y)); + } +} + +export default function system(system, temp_engine) { + temp_engine.after_render((temp_engine) => { + $("#sys-name").text(system); + menu_mod(temp_engine); + canvas = new fabric.Canvas("canvas",{ + width: w, + height: h, + backgroundColor:"rgb(7, 18, 41)", + renderOnAddRemove: false, + hoverCursor :'pointer' + }); + SystemBuilder.get(system, (system) => { + system.list_all((planets) => { + planets.forEach(planet => { + offsetOrbit(planet); + draw_planet(planet); + }); + animate(); + }, (err) => { + console.log(err); + }); + }); + canvas.on('mouse:up', (e) => { + if(e.target.shadow.color == "red"){ + e.target.shadow.color = "white" + } + else{ + e.target.shadow.color = "red" + } + if (last_target) last_target.shadow.color = "white"; + last_target = e.target; + canvas.renderAll(); + }); + $(window).on("resize", () => { + canvas.setWidth((window.innerWidth/10)*9); + canvas.setHeight((window.innerHeight/4)*3); + canvas.renderAll(); + }); + canvas.on("mouse:wheel", (opt) => { + let scale = 1.1; + if (opt.e.deltaY < 0) { + canvas.zoomToPoint(new fabric.Point(canvas.width / 2, canvas.height / 2), canvas.getZoom() * scale); + } else if (opt.e.deltaY > 0) { + canvas.zoomToPoint(new fabric.Point(canvas.width / 2, canvas.height / 2), canvas.getZoom() / scale); + } + }); + }); + temp_engine.render("templates/systems/system.html"); +} \ No newline at end of file diff --git a/js/controllers/systems.js b/js/controllers/systems.js new file mode 100644 index 0000000..10e050f --- /dev/null +++ b/js/controllers/systems.js @@ -0,0 +1,80 @@ +import { SystemBuilder } from "../skama_code/api/system.js"; +import menu_mod from "./menu_mod.js" +import system from "./system.js" + +let canvas; +let last_target; + +let offset = { + x: 2, + y: 2 +}; +let max = 100; +let w = (window.innerWidth/10)*9; +let h = (window.innerHeight/4)*3; + +function animate() { + canvas.renderAll(); + setTimeout(animate, 1000); +} + +function draw_system(system) { + let shadow = new fabric.Shadow({ + color: "white", + blur: 5, + offsetX: 0, + offsetY: 0, + }); + + fabric.Image.fromURL('/assets/systems/galaxie1.png', function(img_planet) { + + img_planet.set({ + selectable: false, + scaleX: 0.05, + scaleY: 0.05, + shadow: shadow, + left: system.position.x/offset.x + w/2, + top: system.position.y/offset.y+ h/2, + name: system.name, + type: system.type + }); + canvas.add(img_planet); + }); +} + +export function systems(temp_engine) { + temp_engine.after_render((temp_engine) => { + menu_mod(temp_engine); + canvas = new fabric.Canvas("canvas",{ + width: w, + height: h, + backgroundColor:"rgb(7, 18, 41)", + renderOnAddRemove: false, + hoverCursor :'pointer' + }); + SystemBuilder.list_all((systems) => { + systems.forEach(system => { + draw_system(system); + }); + animate(); + }); + canvas.on('mouse:up', (e) => { + if (e.target) system(e.target.name, temp_engine); + }); + $(window).on("resize", () => { + canvas.setWidth((window.innerWidth/10)*9); + canvas.setHeight((window.innerHeight/4)*3); + canvas.renderAll(); + }); + canvas.on("mouse:wheel", (opt) => { + console.log(opt.e.clientX); + let scale = 1.1; + if (opt.e.deltaY < 0) { + canvas.zoomToPoint(new fabric.Point(opt.e.clientX / canvas.getZoom(), opt.e.clienY / canvas.getZoom()), canvas.getZoom() * scale); + } else if (opt.e.deltaY > 0) { + canvas.zoomToPoint(new fabric.Point(canvas.width / 2, canvas.height / 2), canvas.getZoom() / scale); + } + }); + }); + temp_engine.render("templates/systems/systems.html"); +} \ No newline at end of file diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..886d57b --- /dev/null +++ b/js/index.js @@ -0,0 +1,9 @@ +// Copyright © 2023 Entreprise SkamKraft +'use strict'; +import { TemplateEngine } from "./skama_code/ui/templeting_engine.js"; +import home from "./controllers/home.js"; + +let temp_engine = new TemplateEngine("html"); +home(temp_engine); + + diff --git a/js/lib/fabric.js b/js/lib/fabric.js new file mode 100644 index 0000000..f679aff --- /dev/null +++ b/js/lib/fabric.js @@ -0,0 +1 @@ +var fabric=fabric||{version:"5.3.0"};if("undefined"!=typeof exports?exports.fabric=fabric:"function"==typeof define&&define.amd&&define([],function(){return fabric}),"undefined"!=typeof document&&"undefined"!=typeof window)document instanceof("undefined"!=typeof HTMLDocument?HTMLDocument:Document)?fabric.document=document:fabric.document=document.implementation.createHTMLDocument(""),fabric.window=window;else{var jsdom=require("jsdom"),virtualWindow=new jsdom.JSDOM(decodeURIComponent("%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E"),{features:{FetchExternalResources:["img"]},resources:"usable"}).window;fabric.document=virtualWindow.document,fabric.jsdomImplForWrapper=require("jsdom/lib/jsdom/living/generated/utils").implForWrapper,fabric.nodeCanvas=require("jsdom/lib/jsdom/utils").Canvas,fabric.window=virtualWindow,DOMParser=fabric.window.DOMParser}function resizeCanvasIfNeeded(t){var e=t.targetCanvas,i=e.width,r=e.height,n=t.destinationWidth,s=t.destinationHeight;i===n&&r===s||(e.width=n,e.height=s)}function copyGLTo2DDrawImage(t,e){var i=t.canvas,r=e.targetCanvas,n=r.getContext("2d");n.translate(0,r.height),n.scale(1,-1);var s=i.height-r.height;n.drawImage(i,0,s,r.width,r.height,0,0,r.width,r.height)}function copyGLTo2DPutImageData(t,e){var i=e.targetCanvas.getContext("2d"),r=e.destinationWidth,n=e.destinationHeight,s=r*n*4,o=new Uint8Array(this.imageBuffer,0,s),a=new Uint8ClampedArray(this.imageBuffer,0,s);t.readPixels(0,0,r,n,t.RGBA,t.UNSIGNED_BYTE,o);var c=new ImageData(a,r,n);i.putImageData(c,0,0)}fabric.isTouchSupported="ontouchstart"in fabric.window||"ontouchstart"in fabric.document||fabric.window&&fabric.window.navigator&&0