import { Vector } from "../engine/vector.js"
import { BACKGROUND } from "../assets.js"
import { Entity } from "../entities/entity.js"
import { Engine } from "../engine.js"

export class HelloKittyBackground extends Entity {
    speed = 20
    stage = 0

    constructor(position = null) {
        let size = new Vector(1300, 2080)
        let x_margin = 0
        if (position == null) position = new Vector(
                size.x / 2 + Engine.screen.viewport / 2 - x_margin,
                - (size.y / 2) + Engine.screen.viewport.y,
        )
        super({
            //size: new Vector(650, 1040),
            size: size,
            position: position,
            sprite: BACKGROUND.KITTY,
        })
        this.span.style.zIndex = -3
        this.max_down = (this.size.y / 2)
        this.x_margin = x_margin
    }

    update() {
        this.position.y += this.speed
        if (this.stage == 0 && this.position.y > this.max_down) {
            let margin = this.position.y - this.max_down
            let newPos = new Vector(
                this.size.x / 2 - this.x_margin,
                - (this.size.y / 2) + margin
            )

            new HelloKittyBackground(newPos)
            this.stage++
        }
    }
}