[Article] HTML Canvas pour les néophytes

:salut:

Gaëtan Renaudeau, créateur de @GreWeb, vous propose une vidéo de présentation de l'utilisation de la balise HTML <canvas> : HTML Canvas pour les néophytes.

N'hésitez pas à faire part de vos remarques et commentaires sur cette présentation.

:fleche: HTML Canvas pour les néophytes

:merci:

Prononcer
Canne vasse :cry:

Sinon sympa comme vulgarisation :ccool:

(faudrait juste filter les bruits de vaiselle derrière :mouarf: )

Moui, je suis d'accord que c'est une intro, mais y'a certains trucs que je n'aime pas. Voici mes remarques, franches et je l'espère, constructives:

1. Dire que l'effacement est plus performant avec ctx.width = ctx.width est faux, cela dépend du navigateur (ex: Safari 5, cette méthode est 2x plus lente!). De plus, cette méthode efface aussi l'état du canevas, ce qui peut être gênant. Enfin, il vaudrait mieux signaler que la meilleure solution en termes de perfs est d'effacer la plus petite portion possible.
2. L'utilisation de setInterval() est signalée comme n'étant pas la meilleure, ok un petit mot sur requestAnimationFrame() aurait été sympa puisque l'on aborde le sujet des animations.
3. Pour les débutants complets, ça aurait été bien quand même d'expliquer le système de coordonnées

Mais tout de même, bel effort qui montre des possibilités intéressantes de l'API. Et c'est toujours courageux de faire un tuto vidéo.
PS: +1 pour "cannevasse" si on veut le faire à l'anglaise ;)