Comment générer du bruit avec Canvas

Il n'y a pas si longtemps, j'ai remarqué sur Twitter qu'il serait fantastique qu'un jour, CSS3 prenne en charge l'ajout de bruit aux éléments (pas l'audio, mais la texture). Après un peu d'expérimentation et de recherche sur Google, je suis tombé sur une solution qui utilise JavaScript et canvas pour créer du bruit de manière dynamique..


Le screencast


Source finale

     Bruit     

Conclusion

La grande question: est-il pratique d’utiliser une solution comme celle-ci? Ehh - techniquement, bien sûr. Navigateurs non supportés Toile affichera simplement une couleur de fond unie. Cela étant dit, un minuscule fichier PNG 24 bits fonctionne toujours parfaitement et c'est ce que je vais probablement continuer à utiliser jusqu'à ce qu'une solution plus pratique devienne disponible..

Qu'est-ce que tu penses? Ou mieux encore, connaissez-vous une meilleure solution? Le but de ce tutoriel est principalement de travailler avec Toile un peu, et jouer avec des choses! Merci d'avoir regardé et merci à Dennis Hotson pour le concept.