V tomto projekte vám ukážem, ako používať hmlu, a potom vám ukážem, ako ho vylepšiť, aby ste získali niečo viac podobné Unity.
Pozrime sa na podporu hmly v súboroch tri.js a JavaScript. Tento tutoriál sa zaoberá rozhraním API v aplikácii Three.js, aké režimy hmly podporuje a ako to rozšíriť hacknutím do vnútorných súčastí shadera, aby sa vložil náš vlastný kód. Odtiaľ sa môžeme pozrieť na výšku Unity, kde nájdeme inšpiráciu, a pridať Wenzelovu výškovú hmlu s nejakým animovaným perlinovým šumom pomocou fraktálového Brownovho pohybu pre ďalšie detaily.
showtimeanytime.com/activate aktivačný kód
Tento tutoriál používa three.js, čo je knižnica v JavaScripte pre 3D grafiku naprieč prehliadačmi pomocou webgl. Na webe je k dispozícii funkčnosť na vysokej úrovni a pokročilá grafika.
Vo videu sa zaoberáme:
- Lineárna a exponenciálna hmla
- WebGL a glFog
- API Three.js, Fog a FogExp
- Wenzelova výšková hmla
- Pokrivenie domény pomocou fraktálového Brownovho pohybu
Prihlásiť sa na odber: https://www.youtube.com/channel/UCEwhtpXrg5MmwlH04ANpL8A
#javascript
www.youtube.com
Hmla, základná hmla a lepšia hmla v Three.js
Tento tutoriál sa zaoberá rozhraním API v aplikácii Three.js, aké režimy hmly podporuje a ako to rozšíriť hacknutím do vnútorných súčastí shadera, aby sa vložil náš vlastný kód. Odtiaľ sa môžeme pozrieť na výšku Unity, kde nájdeme inšpiráciu, a pridať Wenzelovu výškovú hmlu s animovaným perlinovým šumom pomocou fraktálového Brownovho pohybu pre ďalšie detaily.