add layers

This commit is contained in:
Alexander Popov 2023-04-06 17:15:27 +03:00
parent 1800e4af5c
commit 9286270eb9
Signed by: iiiypuk
GPG Key ID: E47FE0AB36CD5ED6
2 changed files with 61 additions and 22 deletions

View File

@ -1,3 +1,30 @@
export class uLayer {
#name;
#objects;
constructor(name, objects) {
// TODO: check types
this.#name = name;
this.#objects = Array();
objects.forEach((object) => {
this.#objects.push(object);
});
}
add(object) {
this.#objects.push(object);
}
getName() {
return this.#name;
}
objects() {
return this.#objects;
}
}
class uObject {
constructor(x, y, w, h) {
this.x = x;

View File

@ -1,5 +1,5 @@
import { Pointer } from './pointer.js';
import { uRect, uStrokeRect } from './objects.js';
import { uLayer, uRect, uStrokeRect } from './objects.js';
export class Scene {
#canvas;
@ -11,8 +11,12 @@ export class Scene {
this.#context = context;
this.#layers = Array();
this.addObject(new uRect(50, 50, 100, 100, 'red'));
this.addObject(new uStrokeRect(150, 150, 40, 40, 'green', 'blue', 5));
let layer = new uLayer('Entry', [
new uRect(50, 50, 100, 100, 'red'),
new uStrokeRect(150, 150, 40, 40, 'green', 'blue', 5),
]);
this.addLayer(layer);
this.init(width, height);
}
@ -41,20 +45,24 @@ export class Scene {
this.#context.lineWidth = 1;
this.#context.strokeRect(5, 5, this.#canvas.width - 10, this.#canvas.height - 10);
// draw item
this.#layers.forEach((item) => {
// read layers & draw items
this.#layers.forEach((layer) => {
layer.objects().forEach((item) => {
switch (item.constructor.name) {
case 'uRect':
this.#drawRect(item.x, item.y, item.width, item.height, item.fillColor);
break;
case 'uStrokeRect':
this.#drawStrokeRect(item.x, item.y, item.width, item.height,
item.fillColor, item.strokeColor, item.strokeWidth);
break;
default:
console.log(`=> ${item.constructor.name}`);
console.log(`⛔ Error display '${item.constructor.name}' object.`);
}
});
});
}
#drawRect(x, y, w, h, fillColor) {
@ -70,8 +78,12 @@ export class Scene {
this.#context.strokeRect(x, y, w, h);
}
addObject(object) {
this.#layers.push(object);
addLayer(layer) {
this.#layers.push(layer);
}
removeLayers() {
this.#layers = Array();
}
setScreenSize(w, h) {