Početna » alat » Stvorite 3D web-aplikacije i grafiku pomoću programa Whitestorm.js

    Stvorite 3D web-aplikacije i grafiku pomoću programa Whitestorm.js

    Web igre zahvaljujući WebGL i srodnih HTML5 API-ja. Najistaknutija knjižnica otvorenog koda za 3D je Three.js.

    Dok je Three.js moćan, to je također kompleksno učiti od nule. Umjesto toga, možete pokupite Whitestorm.js, okvir otvorenog koda izrađen za 3D web grafiku. To koristi Three.js kao temeljna tehnologija koja će vam pomoći da brže izgradite i stvorite realistične 3D efekte u pregledniku.

    Whitestorm dolazi sa svojim vlastiti fizički motor izgrađena na vrhu tri .js renderiranja. To vam omogućuje stvaranje realistične gravitacije i drugih sličnih efekata na objektima međusobno reagirajte.

    I Whitestorm je potpuno modularan, tako da imate potpunu kontrolu nad značajkama koje se učitavaju na stranici. Ona koristi Knjižnica Bullet Physics portova u JavaScript za punu podršku na webu.

    Ovo je osnovni isječak koda koji stvara novo Three.js okruženje koristeći Whitestorm.

     const app = new WHS.App ([novi WHS.app.ElementModule (), // pridruži se novom DOM-u WHS.app.SceneModule (), // stvara THREE.Scene primjer nove WHS.app.CameraModule (), // stvara novu instancu PerspectiveCamera WHS.app.RenderingModule () // stvara primjer WebGLRenderer]); app.start (); // pokretanje animacije 

    Možete prirodno dodajte vlastite module pa čak i stvoriti dodatke / komponente ugrađena je zadana knjižnica. JS kod podržava ECMAScript 6 i treba podržavati sve nadolazeće promjene jezika.

    Geometrija, fizika, i pokret sve u jednoj knjižnici. Whitestorm je zapravo budućnost 3D animacije za web.

    Možeš naći puno primjera kodova zajedno s GitHub repom veze za preuzimanje i a preglednik datoteka. Budite upozoreni da je knjižnica ogroman tako da je mnogo toga potrebno proći. Čak i dokumentacija ima dugotrajni tutoriali za početnike.

    Ali s tim dokumentima, možete naučiti sve od 3D transformacije do ispravljanje pogrešaka i detaljna 3D animacija.

    Da biste saznali više, posjetite glavnu web-lokaciju i pregledajte neke primjere uživo vidjeti Whitestorm u akciji. Ako ste dovoljno odvažni da uronite, preuzmite kopiju knjižnice od GitHub ili putem npm i počnite stvarati slatke 3D web-aplikacije.