Tags populaires：
Virtualisation sécurité DNS vérification formelle analyse d'atteignabilité erreurs du compilateur conflit de macro extension web framework de développement Graphiques bitmap incohérences d'API Tous les tags

Peindre des mondes avec le Raymarching : Un voyage dans les shaders GLSL

2025-06-19
Peindre des mondes avec le Raymarching : Un voyage dans les shaders GLSL

Cet article détaille la création de scènes 3D en utilisant la technique du Raymarching et des shaders GLSL. En commençant par les concepts fondamentaux comme le raymarching et les fonctions de distance signées (SDF), il vous guide dans la construction de formes simples et leur combinaison à l'aide d'opérateurs SDF (tels que min et smoothmin) pour créer des scènes complexes. Des sujets avancés sont abordés, notamment les modèles d'éclairage, les ombres douces, la création de scènes infiniment répétitives et la génération de terrains réalistes à l'aide de dérivées de bruit. L'auteur conclut par un exemple impressionnant d'un paysage martien infini, partageant son processus créatif et ses idées.

Lire plus
(blog.maximeheckel.com)
Développement

Éclairage volumétrique dans React Three Fiber : Raymarching avec post-traitement

2025-06-14
Éclairage volumétrique dans React Three Fiber : Raymarching avec post-traitement

Cet article explore la création d’effets d’éclairage volumétrique réalistes dans React Three Fiber en combinant le post-traitement et le raymarching volumétrique. L’auteur explique méticuleusement les transformations des systèmes de coordonnées, la reconstruction des rayons 3D à partir de l’espace écran et l’utilisation des buffers de profondeur pour optimiser les performances. Des techniques avancées telles que la modélisation de la lumière à l’aide de SDF, le mappage des ombres et la diffusion de la lumière sont abordées, aboutissant à un effet d’éclairage volumétrique dynamique avec des ombres et du brouillard. Plusieurs démonstrations présentent la technique dans des arches et des scènes spatiales, tout en explorant également les sources de lumière multiples et l’ombrage omnidirectionnel.

Lire plus
(blog.maximeheckel.com)
Développement éclairage volumétrique

Création d'effets de post-traitement époustouflants avec les shaders

2025-02-09
Création d'effets de post-traitement époustouflants avec les shaders

Cet article détaille le parcours de l'auteur en 2024 en apprenant des techniques de shaders et en les appliquant au post-traitement. Inspiré par des artistes comme @samdape et @hahajohnx, il a créé des motifs de pixels complexes, des effets de trompe-l'œil et du post-traitement interactif. L'article explore en profondeur les techniques derrière la pixellisation, la création de motifs à l'aide de SDF et de matrices de seuil, et la réalisation d'effets tels que des panneaux LED, du tissu tissé, des briques Lego et du verre dépoli. Des extraits de code et des démonstrations sont fournis.

Lire plus
(blog.maximeheckel.com)
Design

Création d'un effet 3D rétro pour sites web avec shaders : Dithering, quantification des couleurs et pixellisation

2025-02-03
Création d'un effet 3D rétro pour sites web avec shaders : Dithering, quantification des couleurs et pixellisation

L'auteur a passé plusieurs mois à construire son site web personnel, intégrant du travail 3D pour mettre en valeur ses compétences en shaders et WebGL. L'article explore le rôle crucial du post-traitement dans l'amélioration des visuels des scènes 3D, en se concentrant sur la création d'effets rétro. Il couvre diverses techniques de dithering (bruit blanc, ordonné et bruit bleu), en expliquant leur implémentation à l'aide de shaders. Des techniques de quantification des couleurs sont également détaillées, permettant des palettes personnalisées. L'article aboutit à un effet rétro 3D impressionnant pour les sites web, combinant pixellisation et émulation d'écran CRT.

Lire plus
(blog.maximeheckel.com)
Développement Post-traitement