FIELD  Quatre 9tats dun mame tampon

Un mame tampon devient successivement un champ dherbe, une mar9e, des braises et un r9seau : 2626144 brins sont recalcul9s 0 chaque image par une passe de calcul WebGPU.

Loading preview...
Commencer avec ce prompt

Un mame tampon devient successivement un champ dherbe, une mar9e, des braises et un r9seau : 2626144 brins sont recalcul9s 0 chaque image par une passe de calcul WebGPU.

Essayer Websites Agent
Cr9ez une page de sc8ne proc9durale WebGPU intitul9e FIELD : quatre 9tats dun mame tampon. Toute la page repose sur un unique tampon fixe, r9utilis9 successivement par quatre sc8nes : un champ dherbe agit9 par le vent, une mar9e qui monte et descend, des braises qui s9teignent et un r9seau r9gulier. Les 2626144 brins dherbe, ou les particules 9quivalentes dans les sc8nes suivantes, sont int9gralement r99crits par une passe de calcul 0 chaque image : rien de ce qui saffiche nest une texture ou un mod8le ; chaque brin est calcul9. Lorsque le visiteur fait d9filer la page, les quatre 9tats passent progressivement de lun 0 lautre, tandis que le mame tampon continue datre r9utilis9 en arri8re-plan. Chaque 9tat est accompagn9 sur la page de courtes notes dimpl9mentation expliquant le fonctionnement de leffet, ainsi que dun affichage de la fr9quence dimages en temps r9el. Lorsque le navigateur ne prend pas en charge WebGPU, la page affiche un message de repli 9l9gant 0 la place de la sc8ne, afin que le visiteur sache pourquoi rien ne saffiche. Page statique dans un seul fichier.
Ajouter des curseurs de param8tres

Lherbe, la mar9e, les braises et le r9seau disposent chacun de curseurs en temps r9el pour la densit9, la vitesse du vent et la couleur : faire glisser un curseur remod8le imm9diatement la sc8ne, tandis que les notes dimpl9mentation et laffichage de la fr9quence dimages restent en place.

Essayer Websites Agent
Cr9ez une page de sc8ne proc9durale WebGPU intitul9e FIELD : quatre 9tats dun mame tampon. Toute la page repose sur un unique tampon fixe, r9utilis9 successivement par quatre sc8nes : un champ dherbe agit9 par le vent, une mar9e qui monte et descend, des braises qui s9teignent et un r9seau r9gulier. Les 2626144 brins dherbe, ou les particules 9quivalentes dans les sc8nes suivantes, sont int9gralement r99crits par une passe de calcul 0 chaque image : rien de ce qui saffiche nest une texture ou un mod8le ; chaque brin est calcul9. Lorsque le visiteur fait d9filer la page, les quatre 9tats passent progressivement de lun 0 lautre, tandis que le mame tampon continue datre r9utilis9 en arri8re-plan. Chaque 9tat est accompagn9 sur la page de courtes notes dimpl9mentation expliquant le fonctionnement de leffet, ainsi que dun affichage de la fr9quence dimages en temps r9el. Lorsque le navigateur ne prend pas en charge WebGPU, la page affiche un message de repli 9l9gant 0 la place de la sc8ne, afin que le visiteur sache pourquoi rien ne saffiche. Page statique dans un seul fichier.
Ajouter un cinqui8me 9tat

Ajoute un cinqui8me 9tat apr8s le r9seau : un champ de neige tombant doucement, qui apparaet au d9filement avec la mame fluidit9 que les quatre premiers 9tats.

Essayer Websites Agent
Cr9ez une page de sc8ne proc9durale WebGPU intitul9e FIELD : quatre 9tats dun mame tampon. Toute la page repose sur un unique tampon fixe, r9utilis9 successivement par quatre sc8nes : un champ dherbe agit9 par le vent, une mar9e qui monte et descend, des braises qui s9teignent et un r9seau r9gulier. Les 2626144 brins dherbe, ou les particules 9quivalentes dans les sc8nes suivantes, sont int9gralement r99crits par une passe de calcul 0 chaque image : rien de ce qui saffiche nest une texture ou un mod8le ; chaque brin est calcul9. Lorsque le visiteur fait d9filer la page, les quatre 9tats passent progressivement de lun 0 lautre, tandis que le mame tampon continue datre r9utilis9 en arri8re-plan. Chaque 9tat est accompagn9 sur la page de courtes notes dimpl9mentation expliquant le fonctionnement de leffet, ainsi que dun affichage de la fr9quence dimages en temps r9el. Lorsque le navigateur ne prend pas en charge WebGPU, la page affiche un message de repli 9l9gant 0 la place de la sc8ne, afin que le visiteur sache pourquoi rien ne saffiche. Page statique dans un seul fichier.
Ajouter un mode orbital

Ajoute la possibilit9 de faire pivoter la vue en faisant glisser la souris, en compl9ment des transitions au d9filement, afin dobserver sous un autre angle le mame champ recalcul9 0 chaque image.

Essayer Websites Agent
Cr9ez une page de sc8ne proc9durale WebGPU intitul9e FIELD : quatre 9tats dun mame tampon. Toute la page repose sur un unique tampon fixe, r9utilis9 successivement par quatre sc8nes : un champ dherbe agit9 par le vent, une mar9e qui monte et descend, des braises qui s9teignent et un r9seau r9gulier. Les 2626144 brins dherbe, ou les particules 9quivalentes dans les sc8nes suivantes, sont int9gralement r99crits par une passe de calcul 0 chaque image : rien de ce qui saffiche nest une texture ou un mod8le ; chaque brin est calcul9. Lorsque le visiteur fait d9filer la page, les quatre 9tats passent progressivement de lun 0 lautre tandis que le mame tampon continue datre r9utilis9 en arri8re-plan. Chaque 9tat est accompagn9 sur la page de courtes notes dimpl9mentation expliquant le fonctionnement de leffet, ainsi que dun affichage de la fr9quence dimages en temps r9el. Lorsque le navigateur ne prend pas en charge WebGPU, la page affiche un message de repli 9l9gant 0 la place de la sc8ne, afin que le visiteur sache pourquoi rien ne saffiche. Page statique dans un seul fichier.