2009
11.04

Bonne base d’un bon jeu ;)

Catégories: Canvas Games, Moi / Tag: ,  / Commenter

J’ai été étonné que certains commencent déjà à faire des jeux pour Canvas Games, je vais donc faire ce tutoriel pour donner de bonnes bases à vos jeux :

// Placez ici la déclaration de vos variables, par exemple :
var time;

function draw() {
    // Le plus souvent on nettoie le canvas avant de dessiner :
    api.clear();

    // Placez ici vos calculs, collisions, ... :
    time = (time > 0) ? time - 1 : 100;

    // Placez ici les appels pour dessiner sur le canvas :
    api.point(time);
}

function start(init) {
    if (typeof init == 'object' || init == false) {
        // Placez ici ce qui se passe lorsque que l'on appuie sur "recommencer"
        api.stop();
    }

   // Placez ici les initialisations de vos variable, par exemple :
   time = 200;

    // par défaut, lance la fonction draw() toute les 20ms soit 50 fps
    api.start();
}

$(function () {
    // On place tout ce qui ne nécessite qu'un seul appel
    api.addHtml('<br />');
    api.addButton("recommencer", start);
    start(true);
});

Les codes sont bien sûr là à titre d’exemple, et j’espère que les indications vous aiderons à mieux comprendre cette organisation du code (que j’ai adopté ;) ).

// Placez ici la déclaration de vos variables, par exemple :
var time;

function draw() {
    // Le plus souvent on nettoie le canvas avant de dessiner :
    api.clear();

    // Placez ici vos calculs, collisions, ... :
    time = (time > 0) ? time - 1 : 100;

    // Placez ici les appels pour dessiner sur le canvas :
    api.point(time);
}

function start(init) {
    if (typeof init == 'object' || init == false) {
        // Placez ici ce qui se passe lorsque que l'on appuie sur "recommencer"
        api.stop();
    }

   // Placez ici les initialisations de vos variable, par exemple :
   time = 200;

    // par défaut, lance la fonction draw() toute les 20ms soit 50 fps
    api.start();
}

$(function () {
    // On place tout ce qui ne nécessite qu'un seul appel
    api.addHtml('<br />');
    api.addButton("recommencer", start);
    start(true);
});

Vous pouvez aussi lire :

Pas de commentaire

Commenter

Commentaires fermés.