Pagina principala » Setul de instrumente » Creați aplicații Web 3D și grafică cu Whitestorm.js

    Creați aplicații Web 3D și grafică cu Whitestorm.js

    Jocuri web au venit mult datorită WebGL și legate de API HTML5. Cea mai proeminentă bibliotecă open source pentru 3D este Three.js.

    În timp ce Three.js este puternic, este, de asemenea complex pentru a învăța de la zero. În schimb, poți ridicați Whitestorm.js, un cadru open source pentru grafica web 3D. Aceasta folosește Three.js ca o tehnologie care să vă ajute să construiți mai repede și să creați efecte 3D realiste în browser.

    Whitestorm vine cu ei propriul motor fizic construit pe partea de sus a rendering-ului Three.js. Acest lucru vă permite să creați gravitatea realistă și alte efecte similare în cazul obiectelor interacționați și răspundeți reciproc.

    Și Whitestorm este complet modular, astfel încât aveți control complet asupra funcțiilor care se încarcă în pagină. Utilizează Bullet Physics bibliotecă ported în JavaScript pentru suport complet pe web.

    Iată un fragment de bază de cod care creează un nou mediu Three.js folosind Whitestorm.

     const app = new WHS.App ([new WHS.app.ElementModule (), // atașați la DOM nou WHS.app.SceneModule (), // creează instanța THREE.Scene nouă WHS.app.CameraModule (), // creează instanța PerspectiveCamera nouă WHS.app.RenderingModule () // creează instanța WebGLRenderer]); app.start (); / / a alerga animație 

    În mod natural, puteți adăugați propriile module și chiar creați pluginuri / componente construit din biblioteca implicită. Codul JS sprijină ECMAScript 6 și ar trebui să sprijine toate modificările viitoare ale limbii.

    Geometrie, fizică, și mişcare toate într-o singură bibliotecă. Whitestorm este într-adevăr viitorul animației 3D pentru web.

    Puteți găsi o mulțime de coduri eșantion în repo GitHub împreună cu link-uri de descărcare și a browser de fișiere. Fi avertizat că biblioteca este imens așa că trebuie să treceți mult. Chiar și documentația are tutoriale lungi pentru incepatori.

    Dar cu acele documente, puteți învăța totul de la Transformări 3D la depanare și animație 3D detaliată.

    Pentru a afla mai multe, vizitați site-ul principal și navigați prin câteva exemple live a se vedea Whitestorm în acțiune. Dacă sunteți destul de îndrăzneți să vă scufundați, descărcați o copie a bibliotecii de la GitHub sau prin npm și începeți să creați unele aplicații web dulci 3D.