change src image

This commit is contained in:
Alexander Popov 2023-04-30 20:39:57 +03:00
parent 1e50ed7a48
commit 82398736da
Signed by: iiiypuk
GPG Key ID: E47FE0AB36CD5ED6
3 changed files with 27 additions and 4 deletions

View File

@ -1,7 +1,7 @@
import { Settings } from './settings.js';
import { Pointer } from './pointer.js';
import { Scene, SceneLayer } from './scene.js';
import { Rect, StrokeRect, Sprite, TiledSprite } from './objects.js';
import { Rect, StrokeRect, Sprite, TiledSprite, Empty } from './objects.js';
export class App {
#version;
@ -73,4 +73,4 @@ export class App {
};
}
export { Scene, SceneLayer, Rect, StrokeRect, Sprite, TiledSprite };
export { Scene, SceneLayer, Empty, Rect, StrokeRect, Sprite, TiledSprite };

View File

@ -8,6 +8,12 @@ class Object {
}
}
export class Empty {
constructor() {
this.ticker = null;
}
}
export class Rect extends Object {
constructor(x, y, w, h, fillColor = 'white') {
super(x, y, w, h);
@ -57,13 +63,15 @@ export class Sprite {
this.width = null;
this.height = null;
this.angle = 0;
this.src = src;
this.srcOld = this.src;
this.loaded = false;
this.#image = new Image();
this.#image.onload = this.#onload();
this.#image.src = src;
this.#image.src = this.src;
}
#onload() {
@ -82,6 +90,11 @@ export class Sprite {
return -1;
}
if (this.srcOld != this.src) {
this.srcOld = this.src;
this.#image.src = this.src;
}
context.save();
context.translate(this.x + this.#image.width / 2, this.y + this.#image.height / 2);
context.rotate((this.angle * Math.PI) / 180);
@ -98,6 +111,9 @@ export class TiledSprite extends Sprite {
constructor(src = null, x, y, only = null) {
super(src, x, y);
this.src = src;
this.srcOld = this.src;
this.only = only;
}
@ -106,6 +122,11 @@ export class TiledSprite extends Sprite {
return -1;
}
if (this.srcOld != this.src) {
this.srcOld = this.src;
this.#image.src = this.src;
}
// draw single image
context.drawImage(this.image(), this.x, this.y);

View File

@ -23,8 +23,10 @@ export class Scene {
if (typeof item.draw == 'function') {
item.draw(this.#context, layer.options.debug);
} else {
if (item.constructor.name != 'Empty') {
console.log(`⛔ Error display '${item.constructor.name}' object.`);
}
}
});
});
}