28 lines
807 B
JavaScript
28 lines
807 B
JavaScript
import {canvas, context} from './index.mjs';
|
|
import {images as assets} from '../assets.mjs';
|
|
import * as world from '../world/index.mjs';
|
|
|
|
export function render() {
|
|
world.ships.forEach(renderShip);
|
|
world.celestials.forEach(renderCelestial);
|
|
}
|
|
|
|
function renderShip(ship) {
|
|
context.fillStyle = 'red';
|
|
//context.fillRect(ship.x, ship.y, 10, 10);
|
|
let size = 1;
|
|
context.drawImage(assets.modules.capsule.small, ship.x, ship.y,
|
|
size, size);
|
|
context.drawImage(assets.modules.fuel.small, ship.x, ship.y + size,
|
|
size, size);
|
|
context.drawImage(assets.modules.thruster.light, ship.x,
|
|
ship.y + size * 2, size, size);
|
|
}
|
|
|
|
const celestialImages = {
|
|
green: Object.values(assets.celestials.green)
|
|
}
|
|
|
|
function renderCelestial(cel) {
|
|
context.drawImage(cel.image, cel.x, cel.y, cel.diameter, cel.diameter);
|
|
}
|