FIELD — Quatre états d'un même tampon
L'herbe, la marée, les braises et le treillis partagent un même tampon — aucune texture ni modèle ; une passe de calcul réécrit 262 144 brins par image, avec des notes et un indicateur de fréquence d'images.
Un même tampon devient tour à tour un champ d'herbe, une marée, des braises et un treillis : 262 144 brins sont recalculés à chaque image par une passe de calcul WebGPU.
L'herbe, la marée, les braises et le treillis disposent chacun de curseurs en temps réel pour la densité, la vitesse du vent et la couleur ; faire glisser un curseur remodèle immédiatement la scène, tandis que les notes d'implémentation et l'indicateur de fréquence d'images restent en place.
Essayer Kimi BuildCréez une page de scène procédurale WebGPU intitulée FIELD : quatre états d'un même tampon. Toute la page fonctionne avec un seul tampon fixe que quatre scènes réutilisent tour à tour : un champ d'herbe balayé par le vent, une marée montante et descendante, des braises qui s'éteignent et un treillis régulier. Les 262 144 brins d'herbe, ou les particules équivalentes dans les scènes suivantes, sont entièrement réécrits par une passe de calcul à chaque image ; rien à l'écran n'est une texture ni un modèle, chaque brin est calculé. À mesure que le visiteur fait défiler la page, les quatre états passent harmonieusement de l'un à l'autre, tandis que le même tampon continue d'être réutilisé en arrière-plan. Chaque état est accompagné sur la page de courtes notes d'implémentation expliquant le fonctionnement de l'effet, ainsi que d'un indicateur de fréquence d'images en temps réel. Lorsque le navigateur ne prend pas en charge WebGPU, la page affiche un message de repli explicite à la place de la scène, afin que le visiteur sache pourquoi rien ne s'affiche. Page statique dans un seul fichier.
Ajoute un cinquième état après le treillis : un champ de neige tombant doucement, qui apparaît au défilement avec la même fluidité que les quatre premiers états.
Essayer Kimi BuildCréez une page de scène procédurale WebGPU intitulée FIELD : quatre états d'un même tampon. Toute la page fonctionne avec un seul tampon fixe que quatre scènes réutilisent tour à tour : un champ d'herbe balayé par le vent, une marée montante et descendante, des braises qui s'éteignent et un treillis régulier. Les 262 144 brins d'herbe, ou les particules équivalentes dans les scènes suivantes, sont entièrement réécrits par une passe de calcul à chaque image ; rien à l'écran n'est une texture ni un modèle, chaque brin est calculé. À mesure que le visiteur fait défiler la page, les quatre états passent harmonieusement de l'un à l'autre, tandis que le même tampon continue d'être réutilisé en arrière-plan. Chaque état est accompagné sur la page de courtes notes d'implémentation expliquant le fonctionnement de l'effet, ainsi que d'un indicateur de fréquence d'images en temps réel. Lorsque le navigateur ne prend pas en charge WebGPU, la page affiche un message de repli explicite à la place de la scène, afin que le visiteur sache pourquoi rien ne s'affiche. Page statique dans un seul fichier.
Ajoute une rotation orbitale par glissement de la souris aux transitions au défilement, afin que le même champ recalculé à chaque image puisse être observé sous un autre angle.
Essayer Kimi BuildCréez une page de scène procédurale WebGPU intitulée FIELD : quatre états d'un même tampon. Toute la page fonctionne avec un seul tampon fixe que quatre scènes réutilisent tour à tour : un champ d'herbe balayé par le vent, une marée montante et descendante, des braises qui s'éteignent et un treillis régulier. Les 262 144 brins d'herbe, ou les particules équivalentes dans les scènes suivantes, sont entièrement réécrits par une passe de calcul à chaque image ; rien à l'écran n'est une texture ni un modèle, chaque brin est calculé. À mesure que le visiteur fait défiler la page, les quatre états passent harmonieusement de l'un à l'autre tandis que le même tampon continue d'être réutilisé en arrière-plan. Chaque état est accompagné sur la page de courtes notes d'implémentation expliquant le fonctionnement de l'effet, ainsi que d'un indicateur de fréquence d'images en temps réel. Lorsque le navigateur ne prend pas en charge WebGPU, la page affiche un message de repli explicite à la place de la scène, afin que le visiteur sache pourquoi rien ne s'affiche. Page statique dans un seul fichier.

