[Article] L'interactivité avec la balise HTML5 Canvas

[Bovino]

Johnny Simpson, créateur de InsertHTML, vous propose un nouvel article : L'interactivité avec la balise HTML5 Canvas.

Cet article vous aidera (je l'espère ) à comprendre l'interactivité dans une balise <canvas>, que ce soit via le clavier ou la souris.

N'hésitez pas à faire part de vos remarques et commentaires concernant cet article.

L'interactivité avec la balise HTML5 Canvas

[Jean-Georges]

Je ne me suis pas encore penché réellement sur le canvas mais je me demande tout de même s'il est réellement adapté pour des jeux vidéos, même simple.
D'après ce que j'ai compris, il ne gère que du dessin de pixels. Cela oblige à utiliser un nombre de variables conséquent pour redessiner chaque objet sur chaque frame et rien que de gérer un affichage sur plusieurs plan m'a l'air de relever du challenge

[thelvin]

Envoyé par Jean-Georges

Je ne me suis pas encore penché réellement sur le canvas mais je me demande tout de même s'il est réellement adapté pour des jeux vidéos, même simple.
D'après ce que j'ai compris, il ne gère que du dessin de pixels. Cela oblige à utiliser un nombre de variables conséquent pour redessiner chaque objet sur chaque frame et rien que de gérer un affichage sur plusieurs plan m'a l'air de relever du challenge

? Tu pensais que les jeux vidéo 2D fonctionnaient comment ? À un moment ou à un autre, il faut bien dessiner les sprites sous forme de pixels.

Il y a, en effet, des trucs qui ne sont pas adaptés... En fait, c'est le principe même de dessin 2D sur ordinateur qui n'a jamais été très bon, mais les circuits électroniques étant monstrueusement rapides, ce n'était pas vraiment un problème. Les couches d'abstraction d'un JavaScript dans un navigateur sont déjà nettement moins rapides. Il faudrait des APIs qui compensent, comme pour la 3D.

[Bovino]

Il existe d'ores et déjà des jeux très aboutis utilisant uniquement la balise <canvas>.
Voir par exemple un émulateur de Game Boy.

[Jean-Georges]

Tu pensais que les jeux vidéo 2D fonctionnaient comment ? À un moment ou à un autre, il faut bien dessiner les sprites sous forme de pixels.

Dans Flash tu utilises chaque graphisme sous forme d'objet et tu en fais ce que tu veux sans avoir à redessiner manuellement l'ensemble de la scène à chaque fois.

[thelvin]

Envoyé par Jean-Georges

Dans Flash tu utilises chaque graphisme sous forme d'objet et tu en fais ce que tu veux sans avoir à redessiner manuellement l'ensemble de la scène à chaque fois.

Dans le monde du graphisme 2D, c'est d'habitude le rôle d'une surcouche, qu'il est parfaitement possible de programmer en JavaScript. Cela a d'ailleurs déjà été fait ici et là.

En plus, Flash propose toute une gamme de dessin vectoriel, ce qui est bien, mais plutôt atypique comparé à tout le reste.