44 lines
866 B
JavaScript
44 lines
866 B
JavaScript
|
export class Sprite {
|
||
|
|
|
||
|
|
constructor(image_src, map) {
|
||
|
|
this.element = document.createElement("img")
|
||
|
|
this.element.src = image_src
|
||
|
|
this.element.className = "sprite"
|
||
|
|
this.map = map
|
||
|
|
this.map.container.appendChild(this.element)
|
||
|
|
this.x = 0
|
||
|
|
this.y = 0
|
||
|
|
this.hide()
|
||
|
|
}
|
||
|
|
|
||
|
|
#update_pos() {
|
||
|
|
this.element.style.left = `${100/this.map.width*this.x}%`,
|
||
|
|
this.element.style.top = `${100/this.map.height*this.y}%`
|
||
|
|
}
|
||
|
|
|
||
|
|
set_pos(x, y) {
|
||
|
|
this.x = x
|
||
|
|
this.y = y
|
||
|
|
this.#update_pos()
|
||
|
|
}
|
||
|
|
|
||
|
|
add_pos(x, y) {
|
||
|
|
this.x += x
|
||
|
|
this.y += y
|
||
|
|
this.#update_pos()
|
||
|
|
}
|
||
|
|
|
||
|
|
hide() {
|
||
|
|
this.element.style.display = "none"
|
||
|
|
}
|
||
|
|
|
||
|
|
show() {
|
||
|
|
this.element.style.display = "initial"
|
||
|
|
}
|
||
|
|
|
||
|
|
destory() {
|
||
|
|
this.element.remove()
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|