mascully/improcket
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add start of ship editing

Browse source
This commit is contained in:
asraelite 2018-03-04 16:49:42 +00:00
parent d85338d9f2
commit b88c0eb358
18 changed files with 288 additions and 100 deletions
Download patch file Download diff file Expand all files Collapse all files

53
js/graphics/background.mjs
View file

@ -11,58 +11,23 @@ function init() {
};
}
export function render() {
export function render(angle) {
if (patterns === null) init();
renderLayer(patterns.back, 0.3, 1);
renderLayer(patterns.middle, 0.5, 0.3);
//renderLayer(patterns.front, 0.7, 0.3);
renderLayer(patterns.back, 0.3, 1, angle);
renderLayer(patterns.middle, 0.5, 0.3, angle);
//renderLayer(patterns.front, 0.7, 0.3, angle);
}
function renderLayer(pattern, speed = 1, scale = 1) {
function renderLayer(pattern, speed = 1, scale = 1, angle = 0) {
context.save();
let outset = (Math.abs(Math.cos(angle)) + Math.abs(Math.sin(angle)));
outset = ((outset - 1) * canvas.width) / scale;
let [px, py] = [perspective.x * speed, perspective.y * speed];
context.translate(-px, -py);
context.scale(scale, scale);
context.fillStyle = pattern;
context.fillRect(px / scale, py / scale,
canvas.width / scale, canvas.height / scale);
context.fillRect(px / scale - outset / 2, py / scale - outset / 2,
canvas.width / scale + outset, canvas.height / scale + outset);
context.restore();
}
/*
function renderSectorStars(sector) {
let rand = new SeededRandom(sector.numId);
context.fillStyle = '#fff';
for (let i = 0; i < STAR_DENSITY; i++) {
let sx = rand.next() * sector.size + sector.wx;
let sy = rand.next() * sector.size + sector.wy;
context.fillRect(sx, sy, 1.5, 1.5);
}
}
function tile(img, x, y, dx = 0, dy = 0, scale = 1) {
let [sx, sy] = [x * scale, y * scale];
let [ex, ey] = [(x + canvas.width) * scale, (y + canvas.height) * scale];
for (let x = sx; x < ex;) {
let nx = (Math.floor(x / img.width) + 1) * img.width;
nx = Math.min(nx, ex);
let w = nx - x;
for (let y = sy; y < ey;) {
let ny = (Math.floor(y / img.height) + 1) * img.height;
ny = Math.min(ny, ey);
let h = ny - y;
context.drawImage(img, x % img.width, y % img.height, w, h,
dx + x, dy + y, w, h);
y = ny;
}
x = nx;
}
}
*/