Découverte de CanvasEngine JS – #02 (initialisation)

Initialisation du « main canvas »

Commençons notre jeu par la création du premier canvas (main) qui sera le point d’entrée de notre code et qui défini la zone de notre jeu, pour cela, rien de plus simple !

Dans notre fichier html, commençons par créer le canvas du jeu :

<!DOCTYPE html>
    <head>
        <title>1st game</title>
        <script src="canvasengine-1.3.2.all.min.js"></script>
        <script src="main.js"></script>
    </head>
    <body>
        <canvas id="main" width="640" height="480"></canvas>
    </body>
</html>

Et initialisons-le dans notre fichier main.js

var canvas = CE.defines("main").ready(function() { 

});

La méthode ready est appelée quand le canvas est prêt, que le DOM est chargé.

Les choses sérieuses vont pouvoir commencer 🙂