Úvodná » toolkit » Vytvorte 3D Web Apps a grafiku pomocou aplikácie Whitestorm.js

    Vytvorte 3D Web Apps a grafiku pomocou aplikácie Whitestorm.js

    Webové hry poďakovali dlhú cestu WebGL a súvisiace API HTML5. Najvýznamnejšou otvorenou knižnicou pre 3D je Three.js.

    Zatiaľ čo Three.js je silný, je to tiež komplexné sa učiť od nuly. Namiesto toho môžete vyzdvihnúť Whitestorm.js, open source framework pre 3D grafiku webu. to používa Three.js ako základnú technológiu, ktorá vám pomôže vybudovať rýchlejšie a vytvoriť realistické 3D efekty v prehliadači.

    Whitestorm prichádza s jeho vlastný fyzikálny motor postavený na vrchole renderingu Three.js. To vám umožňuje vytvoriť realistickú gravitáciu a iné podobné efekty tam, kde sú objekty vzájomne komunikovať a reagovať.

    A Whitestorm je úplne modulárny, takže máte plnú kontrolu nad tým, ktoré funkcie sa načítajú do stránky. Používa Bullet Physics library prenesený do jazyka JavaScript plnú podporu na webe.

    Tu je základný úryvok kódu, ktorý vytvára nové prostredie Three.js pomocou Whitestorm.

     const app = nový WHS.App ([new WHS.app.ElementModule (), // pripojiť k DOM nový WHS.app.SceneModule (), // vytvorí inštanciu THREE.Scene nový WHS.app.CameraModule (), // vytvorí inštanciu PerspectiveCamera nový WHS.app.RenderingModule () // vytvorí inštanciu WebGLRenderer]); app.start (); spustiť animáciu 

    Môžete to prirodzene pridajte svoje vlastné moduly a dokonca vytvoriť doplnky / komponenty vybudované z predvolenej knižnice. Kód JS podporuje ECMAScript 6 a mali by podporovať všetky nadchádzajúce zmeny v jazyku.

    geometria, fyzika, a pohyb všetky sa preniesli do jednej knižnice. Whitestorm je naozaj budúcnosťou 3D animácie pre web.

    Môžeš nájsť veľa vzorových kódov v repo GitHub spolu s odkazy na prevzatie a a súborový prehliadač. Upozorňujeme, že knižnica je obrovský takže je tu veľa, čo prejsť. Dokonca aj dokumentácia zdĺhavé výučby pre začiatočníkov.

    Ale s týmito dokumentmi sa môžete všetko naučiť 3D transformácie na ladenie a podrobnú 3D animáciu.

    Ak sa chcete dozvedieť viac, navštívte hlavnú stránku a prechádzajte niektoré živé príklady pozri Whitestorm v akcii. Ak máte dostatok odvahy na potápanie, stiahnite si kópiu knižnice od spoločnosti GitHub alebo cez npm a začnite vytvárať nejaké sladké 3D webové aplikácie.