Homepage » Toolkit » Hozzon létre 3D webes alkalmazásokat és grafikákat a Whitestorm.js segítségével

    Hozzon létre 3D webes alkalmazásokat és grafikákat a Whitestorm.js segítségével

    Webes játékok hosszú útnak köszönhető WebGL és kapcsolódó HTML5 API-k. A legjelentősebb nyílt forráskódú könyvtár a 3D számára Three.js.

    Míg a Three.js erős, ez is összetett tanulni a semmiből. Ehelyett lehet vegye fel a Whitestorm.js-ot, egy nyílt forráskódú keretrendszer 3D webes grafikákhoz. Azt használja a Three.js-t alapul szolgáló technológia, amely segít gyorsabban felépíteni és valósághű 3D effektusokat létrehozni a böngészőben.

    Whitestorm jön a saját fizikai motorja a Three.js renderelés tetején épült. Ez lehetővé teszi, hogy realisztikus gravitációt és más hasonló hatásokat hozzon létre az objektumoknál kölcsönhatásba lépnek és válaszolnak egymásra.

    És Whitestorm teljesen moduláris, így teljes mértékben ellenőrizheti, hogy mely funkciókat tölti be az oldalra. Használja a Bullet Physics könyvtár a JavaScripttel együtt teljes támogatás az interneten.

    Itt van egy alapvető kódrészlet létrehoz egy új Three.js környezetet Whitestorm használatával.

     const app = new WHS.App ([új WHS.app.ElementModule (), // csatolja a DOM új WHS.app.SceneModule (), // létrehoz THREE.Scene példányt új WHS.app.CameraModule (), // létrehozza a PerspectiveCamera példányt új WHS.app.RenderingModule () // létrehoz WebGLRenderer példányt]); app.start (); // animáció futtatása 

    Természetesen adjunk hozzá saját modulokat sőt még bővítmények / összetevők létrehozása az alapértelmezett könyvtárból épült. A JS kód támogatja az ECMAScript 6-ot és támogatnia kell a nyelv következő változásait.

    geometria, fizika, és mozgás mindegyik egy könyvtárba húzódott. A Whitestorm valóban a 3D animáció jövője az interneten.

    Találhatod sok minta kód a GitHub repóban együtt letöltési hivatkozások és a Fájl böngésző. Figyelmeztesse a könyvtárat hatalmas szóval sokat kell menni. Még a dokumentáció is hosszú oktatóanyagok kezdőknek.

    De ezekről a dokumentumokról mindent megtudhatsz 3D átalakítások nak nek hibakeresés és részletes 3D animáció.

    Ha többet szeretne megtudni, látogasson el a főoldalra, és böngésszen néhány élő példát lásd Whitestorm akcióban. Ha elég merész ahhoz, hogy merüljön be, töltse le a könyvtár másolatát GitHub-tól vagy npm-en keresztül és kezdj el néhány édes 3D webes alkalmazás létrehozását.