Як рендерити траву растеризацією

Непоганий туторіал від Simondev, котрий показує як зробити поля травички спираючись на доповідь розробників Ghost of Tsushima на GDC. Представлені концепції доволі круті і варті того щоб в них розібратися, бо конкретних реалізацій може бути багато. І це все можна робити не лише з травою :)

https://www.youtube.com/watch?v=bp7REZBV4P4

Live demo:
https://simondevyoutube.github.io/Quick_Grass/

Github:
https://github.com/simondevyoutube/Quick_Grass?tab=readme-ov-file

А тим часом в @webgl_ua я показую WIP своєї реалізації, які проблеми виникають на шляху і як їх вирішувати :)

#reference #tutorial

Як рендерити траву раймаршингом

А ось туторіал з принципово іншим підходом до рендерингу трави, коли не потрібні чанки, лоди, і мільйони трикутників :) Само собою швидкодія в такій реалізації програє, та і реймаршинг можливо буде особливо не ефективним з маленькими травинками. Та ця реалізація виглядає краще ніж я думав і варта уваги теж 😉

https://x.com/captaingpu/status/1728083086254952706

Live demo & code:
https://www.shadertoy.com/view/WslyDj

#tutorial

Пройшлися по траві, пройдемось і по хутру :)

В автора цих відео є ще ось такі круті техніки для рендерингу хутра:
https://www.youtube.com/watch?v=BzsmOUpkvUw

Чому хутро це ще більш складна проблема порівняно з травою:
https://www.youtube.com/watch?v=9dr-tRQzij4
+ в цьому відео ще один алгоритм з його реалізації

#tutorial

Найс техніка, хоча я нікому не рекомендую так робити :)

https://tympanus.net/codrops/2025/03/03/css-meets-voxel-art-building-a-rendering-engine-with-stacked-grids/
#tutorial