getting objects to come into canvas randomly

anaismveras commented 3 years ago

What's the problem you're trying to solve?

I have a movement function for my trash and i want it to move but I cant seem to figure out how to get more trash to show up on the screen to move the same way

Post any code you think might be relevant (one fenced block per file)

function trashRender (x, y, color, width, height) {
    this.x = x
    this.y = y
    this.height = height
    this.color = color
    this.width = width
    this.alive = true
    // this.moveX = 4
    this.render = function() {
        ctx.fillStyle = this.color
        ctx.fillRect(this.x, this.y, this.width, this.height)
    }
}

let garbage = new trashRender(-1, 10, 'red', 10, 20)

// Trash movement function
const trashMovement = () => {
    if (garbage.alive) {
        garbage.x += 3
        garbage.y += Math.floor(Math.random() * 5)
    }
    if (garbage.alive && garbage.x + garbage.width >= ctx.width) {
        garbage.x = 0
    }
}

If you see an error message, post it here. If you don't, what unexpected behavior are you seeing?

i dont see an error message

What is your best guess as to the source of the problem?

i think i need an array and a for loop somewhere

What things have you already tried to solve the problem?

Ive tried adding the trash into an empty array but i dont know how to get it to stop pushing, since my game is on a setInterval