map.js

  export class Map{
    constructor(game){
        this.game = game;
        this.x = this.y = 0;
        this.image;
        this.width;
        this.height;
        this.imageIndex;
        this.dimensions;
        
        this.setWorld(this.game.assetManager.images[8]);
    }
    
    setWorld(world){
        this.image = world;
        //set x and y to 0
        this.x = this.y = 0; 
        this.imageIndex = this.game.assetManager.images.indexOf(this.image);
        this.dimensions = this.game.assetManager.imageDimensions[this.imageIndex];
        this.width = this.dimensions[0];
        this.height = this.dimensions[1];
    }
    
    render(ctx){
        ctx.drawImage(this.image, 
            this.game.camera.viewportX,
            this.game.camera.viewportY, 
            this.game.camera.viewportWidth, 
            this.game.camera.viewportHeight,
            
            this.x, 
            this.y, 
            this.game.camera.viewportWidth, 
            this.game.camera.viewportHeight
            )
    }
}