Autres articles


  1. Jouer avec canvas - épisode 1

    C'est bientôt les fêtes de Noël et je vais donc profiter des quelques jours de vacances qui arrivent pour mettre en ligne quelques tutoriels sur l'utilisation de canvas avec le langage de script Javascript.

    L'élement canvas

    L'élément canvas est un composant faisant partie de la spécification HTML5 qui permet d'effectuer des rendus bitmap et de les manipuler via des scripts (la plupart en Javascript).

    Il suffit tout simplement d'ajouter la balise suivante dans le body de notre document HTML.

    <canvas id="zone" width="800" height="400">
        Texte à afficher si le navigateur ne prend ...
    Lire la suite...
  2. Jouer avec canvas - épisode 2

    L'an dernier, j'avais rédigé un billet Quick & Dirty sur l'animation d'une image/sprite dans l'élement canvas. Il s'agissait d'un petit avion qui se déplaçait dans un bête rectangle. La programmation n'était pas vraiment structurée afin de suivre la logique de mise en oeuvre rapide et de montrer des principes simples d'animations.

    Pour ce deuxième billet, le principe sera la même : nous allons reprendre le code précédent et le modifier afin d'y inclure l'animation d'un fond sans trop se préoccuper de l'évolution du code et de sa structure ...

    Lire la suite...
  3. Performance de la POO avec Javascript

    Vous vous attendiez à la suite sur la création de notre jeu d'avion en Javascript + Canvas ? Au risque de vous décevoir, il reste un point que nous avons pas vu lors du dernier billet : la performance liée à l'utilisation de la POO. En effet, j'ai annoncé que d'instancier une classe déclarée à la dégueulasse était plus lent et gourmand en mémoire que d'instancier une classe déclarée avec l'objet prototype. Plutôt que de me croire sur parole pourquoi ne pas tester tout ça et transformer ces belles paroles en preuves irréfutables ? C'est ce que ...

    Lire la suite...