Une introduction interactive aux shaders

• Cet article propose une introduction interactive aux shaders, de petits programmes exécutés sur le GPU qui génère les graphismes.
• Les shaders sont utilisés dans les jeux vidéo et l’infographie en raison de la parallélisation permise par leur vitesse et leur efficacité.
• L’auteur explique comment créer, sur un site web, des animations basées sur des shaders pour remplacer de simples animations CSS.
• L’article fournit une explication détaillée de la manière de créer des shaders, notamment l’utilisation des entrées, des coordonnées, des types intégrés et des sorties.
• L’auteur présente le concept des Signed Distance Functions (SDF), qui représentent des formes à travers leur distance à d’autres points dans l’espace.
• L’article explique également comment utiliser les SDF pour fusionner des formes individuelles et créer des formes complexes, comme des blobs.
• L’auteur montre comment animer des formes en fournissant un uniforme de temps au shader.
• L’article se conclut par un guide expliquant comment introduire l’interaction utilisateur dans un shader afin de permettre à l’utilisateur de contrôler, avec la souris, la position des sphères à l’intérieur d’un blob.
• L’auteur recommande des ressources supplémentaires pour celles et ceux qui souhaitent en apprendre davantage sur les shaders, notamment The Book of Shaders et l’introduction Shader Art Coding sur YouTube.

[GN⁺]

Avis Hacker News

• L’auteur a rédigé une introduction interactive aux shaders et a partagé en ligne son processus d’apprentissage.
• Les lecteurs jugent ce tutoriel clair et utile, en particulier pour les personnes ayant peu de connaissances préalables.
• Il existe une demande pour un tutoriel sur les modèles d’éclairage de base et sur l’interaction entre les normales et le produit scalaire.
• Des personnes ayant une formation artistique apprécient ce tutoriel dans leur transition vers la programmation.
• Certains lecteurs ont partagé des ressources supplémentaires, comme le shader « happy bouncing » sur shadertoy.com.
• On espère que l’auteur continuera à produire davantage de contenu, car des initiatives similaires démarrent souvent fort sans durer.
• Le tutoriel a été salué pour son approche amusante et ludique, qui rend le sujet plus accessible.
• Une correction mineure a été suggérée concernant l’orthographe de « cel shading », écrit par erreur « cell shading ».
• Les contraintes des shaders, par exemple l’absence de mémoire et d’état, donnent à certains lecteurs un sentiment de liberté.
• Un lecteur a critiqué le tutoriel en estimant qu’il passe sous silence les aspects les plus difficiles des shaders et qu’ils ne conviennent pas à toutes les applications, surtout celles qui ne sont pas en 3D.
• Dans l’ensemble, le tutoriel a été bien accueilli et salué pour sa clarté et son accessibilité.