app.js

import { CanvasContext } from './CanvasContext';
import { Sprite } from './Sprite';
import { Sprites } from './GameSprites/Factory';


var context = new CanvasContext(document.getElementById('game'));


var sprites = [
    new Sprite(100, 100,'assets/spritesheet.png', 24, 24, 0, 376, 16),
    new Sprites.red(32, 0),
    new Sprites.purple(74, 52),
    new Sprites.gold(114, 32),
    new Sprites.gold(164, 32),
    new Sprites.red(210, 32)
]

sprites[0].setTicksPerFrame(16);

sprites.forEach(function(sprite) {
    sprite.loadImage();
});

function renderLoop() {
    context.clear();
    sprites.forEach(function(sprite) {
        context.renderShape(sprite);
    });
    requestAnimationFrame(renderLoop);
}

renderLoop();