JavaScript-könyvtár 3D interakciók és animációk létrehozásához
Nyílt forráskódú JavaScript API, amely lehetővé teszi a HTML DOM-elemek interaktív texturált síkra való konvertálását. Könnyen kezelheti a WebGL-t és a hálók elhelyezését a weboldal DOM-elemeihez képest.
A curtains.js egy nyílt forráskódú, könnyű JavaScript-könyvtár, amely lehetővé teszi a szoftverfejlesztők számára, hogy HTML DOM-elemeiket könnyedén interaktív texturált síkokká alakítsák át. A könyvtár kicsi, de nagyon stabil, így a felhasználók könnyedén hozhatnak létre erőteljes 3D interakciókat és animációkat. Könnyedén le tudja fordítani a képeket és videókat tartalmazó HTML-elemeket 3D WebGL texturált síkokra, lehetővé téve a felhasználók számára, hogy árnyékolókon keresztül animálják azokat.
A könyvtár használata nagyon egyszerű, de alapszintű HTML, CSS, JavaScript és shader ismeretekkel kell rendelkeznie. Az shader egy utasításkészlet, amely a grafikus folyamatban fut, és megmondja a számítógépnek, hogyan kell az egyes képpontokat renderelni. Ezenkívül többet kell tudnia a vertex- és fragment shader-ekről, az uniformisok használatáról, valamint a GLSL szintaxis alapjairól.
Ez a curtains.js az MIT licenc alatt érhető el, ami azt jelenti, hogy ingyenesen használható személyes és kereskedelmi projektekhez. A könyvtár fő célja, hogy egyszerű módot biztosítson a WebGL kezelésére és a hálók elhelyezésére a weboldal DOM elemeihez képest. A WebGL egy JavaScript API a 3D és 2D grafika valós idejű megjelenítéséhez a böngészőn belül.
A Zen-3d használatának első lépései
A curtains.js telepítésének legegyszerűbb módja az npm használata. Kérjük, használja a következő parancsot a zökkenőmentes telepítéshez.
Telepítse a curtain.js fájlt NPM-en keresztül
npm i curtainsjs Jelenetek kezelése JavaScript használatával
A curtains.js nyílt forráskódú könyvtár hasznos funkciókat tartalmaz a jelenetek kezeléséhez és a kapcsolódó tulajdonságaihoz. A jelenet az összes megrajzolt objektumot, beleértve a síkokat és a shader meneteket is, különböző tömbökbe halmozza fel, és a megfelelő sorrendben hívja meg őket. Könnyedén alaphelyzetbe állíthatja a síkhalmokat, törölheti a helyhalmot, újraépítheti az új helyindexekkel, új síkokat adhat hozzá egy jelenethez, eltávolíthat egy síkot a jelenetből, megváltoztathatja a sík helyzetét stb.
Renderelési tulajdonságok kezelése
Az ingyenes curtains.js könyvtár lehetővé teszi a renderelések egyszerű kezelését saját alkalmazásán belül. A Renderer osztálykezelés számos fontos funkciót biztosított a WebGL-környezethez kapcsolódóan, mint például a létrehozás és visszaállítás, a kiterjesztések, a WebGL-parancsok és még sok más. Használható tároló generálására, vászon hozzáfűzésére, WebGL-bővítmények kezelésére, kontextus elvesztésének/helyreállításának eseményeire, valamint Scene osztály objektum létrehozására, amely nyomon követi az összes hozzáadott objektumot. A fentieken kívül támogatja a globális WebGL-parancsok kezelését is, mint például a jelenet törlése, a keretpufferek összerendelése, a mélység beállítása, a keverési funkció és így tovább.
Animáljon képeket és videókat JavaScripten keresztül
A curtains.js nyílt forráskódú könyvtár segítségével a szoftverfejlesztők könnyedén animálhatnak képeket és videókat saját alkalmazásaikban. A könyvtár lehetővé teszi a fejlesztők számára, hogy képeket és videókat tartalmazó síkokat készítsenek, amelyek sima HTML-elemként működnek, a CSS-szabályok által meghatározott pozícióval és mérettel. Több textúrát, több síkot, több síkú vászonszöveget, több videó textúrát és még sok mást is használhat.
