Knihovna JavaScript pro vytváření 3D interakcí a animací
Open Source JavaScript API, které umožňuje převádět prvky HTML DOM do interaktivní texturované roviny. Můžete snadno spravovat WebGL a umisťovat sítě vzhledem k prvkům DOM vaší webové stránky.
záclony.js je lehká knihovna JavaScript s otevřeným zdrojovým kódem, která vývojářům softwaru umožňuje snadno transformovat své prvky HTML DOM do interaktivních strukturovaných ploch. Knihovna je malá, ale velmi stabilní a umožňuje uživatelům snadno vytvářet výkonné 3D interakce a animace. Dokáže bez námahy přeložit prvky HTML obsahující obrázky a videa do 3D texturovaných ploch WebGL, což uživatelům umožňuje animovat je pomocí shaderů.
Knihovna se velmi snadno používá, ale musíte mít dobré základní znalosti HTML, CSS, JavaScriptu a shaderů. shader je sada instrukcí, které běží v grafickém potrubí a říkají počítači, jak vykreslit každý pixel. Potřebujete také vědět více o shaderech vertexů a fragmentů, jak používat uniformy a také o základech syntaxe GLSL.
Tento shutters.js je dostupný pod licencí MIT, což znamená, že je zdarma k použití pro osobní i komerční projekty. Hlavním cílem knihovny je poskytnout snadný způsob práce s WebGL a umístění vašich sítí vzhledem k prvkům DOM vaší webové stránky. WebGL je JavaScript API pro vykreslování 3D a 2D grafiky v reálném čase v prohlížeči.
Začínáme se Zen-3d
Nejjednodušší způsob instalace shutters.js je pomocí npm. Pro bezproblémovou instalaci použijte prosím následující příkaz.
Nainstalujte shutters.js přes NPM
npm i curtainsjs Spravujte scény pomocí JavaScriptu
Knihovna s otevřeným zdrojovým kódem záclony.js obsahuje užitečné funkce související se správou scén a jejími relevantními vlastnostmi. Scéna naskládá všechny objekty, které budou nakresleny, včetně rovin a průchodů shaderu v různých polích, a vyvolá je ve správném pořadí, aby byly nakresleny. Můžete snadno resetovat hromádky rovin, vymazat zásobník míst, znovu ho sestavit pomocí nových indexů míst, přidat do scény nové roviny, odebrat rovinu ze scény, změnit polohu roviny a tak dále.
Manipulace s vlastnostmi renderů
Bezplatná knihovna shutters.js poskytuje možnost snadného zpracování renderů ve vaší vlastní aplikaci. Manipulace s třídou Renderer poskytuje několik důležitých funkcí souvisejících s kontextem WebGL, jako je vytváření a obnova, rozšíření, příkazy WebGL a další. Lze jej použít ke generování kontejneru, připojení plátna, zpracování rozšíření WebGL, událostí ztráty/obnovy kontextu a vytvoření objektu třídy Scene, který bude sledovat všechny přidané objekty. Kromě výše uvedeného také podporuje zpracování globálních příkazů WebGL, jako je vymazání scény, vazba mezi vyrovnávací paměti snímků, nastavení hloubky, funkce prolnutí a tak dále.
Animujte obrázky a videa pomocí JavaScriptu
Knihovna s otevřeným zdrojovým kódem záclony.js dává vývojářům softwaru možnost snadno animovat obrázky a videa v jejich vlastních aplikacích. Knihovna umožňuje vývojářům vytvářet roviny obsahující obrázky a videa, které fungují jako prosté prvky HTML, s pozicí a velikostí definovanými pravidly CSS. Můžete také použít více textur, více rovin, text plátna s více rovinami, více textur videa a mnoho dalších.
