Posledních pár dní jsem si hrál s jednou myšlenkou: jak daleko se dá dostat s fotorealistickou scénou v prohlížeči, když nepoužiju ani jednu texturu nebo obrázek — všechno musí vzniknout v kódu. Žádné JPG z internetu, žádné HDRI, žádné modely. Jen matematika, shadery a CanvasTexture.
Výsledek je kůň běžící po mokré pláži při západu slunce. Postavil jsem to v pěti fázích, každá je samostatný, plně funkční HTML soubor — a každou si můžete otevřít přímo tady:
| Fáze | Co přidává | Živá ukázka |
|---|---|---|
| 1 | Procedurální obloha (Rayleigh/Mie), písek s PBR mapami, slunce na horizontu | 001 — Base Environment |
| 2 | Oceán s Gerstnerovými vlnami, Beer-Lambert, pěna, zrcadlový mokrý písek | 002 — Ocean Shaders |
| 3 | Kůň — rigged model, PBR materiály, posazený na písek | 003 — Procedural Horse |
| 4 | Gallop, detekce kontaktu kopyt s vodou, fyzika vodní tříště | 004 — Animation & Particles |
| 5 | Tracking kamera, bloom, vignette, film grain | 005 — Cinematic Final |