Pagrindinis » Įrankių rinkinys » Sukurkite „3D Web Apps“ ir „Graphics“ su „Whitestorm.js“

    Sukurkite „3D Web Apps“ ir „Graphics“ su „Whitestorm.js“

    Interneto žaidimai dėka „WebGL“ ir susijusių HTML5 API. Labiausiai žinoma atvirojo kodo biblioteka yra 3D Three.js.

    Nors Three.js yra galingas, tai taip pat sudėtinga mokytis iš nulio. Vietoj to, galite pasiimti Whitestorm.js, atviro kodo sistema, sukurta 3D interneto grafikai. Tai naudoja Three.js kaip pagrindinė technologija, padedanti jums sukurti greičiau ir sukurti tikroviškus 3D efektus naršyklėje.

    Whitestorm ateina su savo savo fizikos variklis pastatytas ant „Three.js“ atvaizdavimo. Tai leidžia jums sukurti tikrovišką gravitaciją ir kitus panašius efektus, kai objektai bendrauti ir atsakyti vienas į kitą.

    Ir Whitestorm yra visiškai modulinis, todėl jūs turite visišką kontrolę, kurios funkcijos įkeliamos į puslapį. Jis naudoja Bullet Physics biblioteka įkelta į „JavaScript“ visapusiškas palaikymas internete.

    Čia yra pagrindinis kodo fragmentas sukuria naują Three.js aplinką naudojant Whitestorm.

     const app = new WHS.App ([naujas WHS.app.ElementModule (), // pridėti prie DOM naujo WHS.app.SceneModule (), // sukuria THREE.Scene egzempliorių naują WHS.app.CameraModule (), // sukuria PerspectiveCamera pavyzdį naujas WHS.app.RenderingModule () // sukuria WebGLRenderer pavyzdį]); app.start (); // paleisti animaciją 

    Galite natūraliai pridėkite savo modulius Ir netgi kurti įskiepius / komponentus pastatyta numatytoji biblioteka. JS kodas palaiko ECMAScript 6 ir turėtų remti visus būsimus kalbos pakeitimus.

    Geometrija, fizika, ir judėjimas visi vyniojami į vieną biblioteką. Whitestorm tikrai yra 3D animacijos internete ateitis.

    Tu gali rasti daug pavyzdžių kodų „GitHub“ repo kartu su atsisiuntimo nuorodos ir a failų naršyklė. Būkite įspėti, kad biblioteka yra didelis todėl yra daug ką nuveikti. Netgi dokumentai turi ilgos pamokos pradedantiesiems.

    Bet su šiais dokumentais galite sužinoti viską 3D transformacijos į derinimo ir išsamios 3D animacijos.

    Jei norite sužinoti daugiau, apsilankykite pagrindinėje svetainėje ir peržiūrėkite kai kuriuos gyvus pavyzdžius žr. Whitestorm veiksmą. Jei esate pakankamai drąsūs, kad galėtumėte nardyti, atsisiųskite bibliotekos kopiją iš GitHub arba per npm ir pradėkite kurti saldus „3D“ žiniatinklio programas.