Initialisation de Quintus

/* ----------
// Initialisation et paramétrisation de la librairie Quintus
----------*/
window.addEventListener('load',function() {

    var Q = new Quintus({
        development: true // On lance le mode développement, pour forcer le refresh des assets (images, fichiers JSON…). Attention à bien désactiver cela une fois en production !
    });

    Q.include([ // On indique quels composants inclure de base
        Quintus.Sprites, // Pour gérer les sprites (les calques en gros)
        Quintus.Scenes, // Pour gérer les scenes (les différentes pages, pour faire simple)
        Quintus.Anim, // Pour gérer les animations (sur des sprites, par exemple)
        Quintus['2D'], // Pour gérer la 2D : permet d'avoir des ennemis qui se déplacent et de détecter les collisions automatiquement
        Quintus.Input, // Pour gérer les contrôles (certains contrôles sont inclus de base, c'est assez pratique)
        Quintus.Touch, // Pour gérer les contrôles via une surcouche tactile (avec un joypad si nécessaire — c'est paramétrable)
        Quintus.UI // Pour afficher des boutons, du texte, etc.
    ]);

    Q.setup('gameCanvas', {
        maximize: false,
        width: 300,
        height: 320
    });

    Q.controls();
    Q.touch();

    /* ----------
    Écran de démarrage du jeu 
    ----------*/

    Q.scene('startGame', function(stage) {
        console.log("coucou");
        Q.stageScene('startGame', 0);

        var sprite_bg = new Q.Sprite({ x: 0, y: 0, w: Q.width, h: Q.height, type: Q.SPRITE_UI });

        sprite_bg.draw = function(ctx) { // Au moment de dessiner le sprite, on récupère le contexte 2D du canvas pour dessiner librement
            ctx.fillStyle = '#e0b232'; // On veut du jaune
            ctx.fillRect(this.p.x, this.p.y, this.p.w, this.p.h); // On dessine un rectangle de la taille du sprite
        }

        stage.insert(sprite_bg);
    });

});