„JavaScript“ biblioteka, skirta kurti 3D sąveikas ir animacijas
Atvirojo kodo JavaScript API, leidžianti konvertuoti HTML DOM elementus į interaktyvią tekstūruotą plokštumą. Galite lengvai tvarkyti WebGL ir nustatyti tinklelio padėtį, palyginti su savo tinklalapio DOM elementais.
curtains.js yra atvirojo kodo lengva JavaScript biblioteka, kuri suteikia programinės įrangos kūrėjams galimybę lengvai paversti savo HTML DOM elementus į interaktyvias tekstūruotas plokštumas. Biblioteka yra nedidelė, bet labai stabili, todėl vartotojai gali lengvai kurti galingas 3D sąveikas ir animacijas. Jis gali nesunkiai išversti HTML elementus, kuriuose yra vaizdų ir vaizdo įrašų, į 3D WebGL tekstūruotas plokštumas, leisdamas vartotojams juos animuoti per šešėliuotojus.
Biblioteka labai paprasta naudotis, tačiau reikia turėti geras pagrindines HTML, CSS, JavaScript ir šešėlių žinias. Shader yra instrukcijų rinkinys, kuris veikia grafikos vamzdyne ir nurodo kompiuteriui, kaip pateikti kiekvieną pikselį. Taip pat turite daugiau žinoti apie viršūnių ir fragmentų šešėliuotojus, kaip naudoti uniformas, taip pat apie GLSL sintaksės pagrindus.
Šis curtains.js yra prieinamas pagal MIT licenciją, o tai reiškia, kad jį galima nemokamai naudoti asmeniniams ir komerciniams projektams. Pagrindinis bibliotekos tikslas yra suteikti paprastą būdą tvarkyti WebGL ir nustatyti tinklelį, palyginti su jūsų tinklalapio DOM elementais. „WebGL“ yra „JavaScript“ API, skirta 3D ir 2D grafikos atvaizdavimui realiuoju laiku naršyklėje.
Darbo su Zen-3d pradžia
Lengviausias būdas įdiegti curtains.js yra naudoti npm. Norėdami sklandžiai įdiegti, naudokite šią komandą.
Įdiekite curtains.js per NPM
npm i curtainsjs Tvarkykite scenas naudodami „JavaScript“.
Atvirojo kodo bibliotekoje curtains.js yra naudingos funkcijos, susijusios su scenų valdymu ir atitinkamomis jos savybėmis. Scena sukaups visus nupieštus objektus, įskaitant plokštumas ir šešėlių eiles, į skirtingus masyvus ir iškvies juos reikiama tvarka, kad būtų nupiešti. Galite lengvai iš naujo nustatyti plokštumų krūvas, išvalyti vietos stulpą, atkurti jį naudodami naujus vietos indeksus, pridėti naujų plokštumų į sceną, pašalinti plokštumą iš scenos, pakeisti plokštumos padėtį ir pan.
Perdavimo savybių tvarkymas
Nemokama biblioteka curtains.js suteikia galimybę lengvai tvarkyti atvaizdus jūsų programoje. Renderer klasės tvarkymas suteikė keletą svarbių funkcijų, susijusių su WebGL kontekstu, pvz., kūrimas ir atkūrimas, plėtiniai, WebGL komandos ir kt. Jis gali būti naudojamas sugeneruoti konteinerį, pridėti drobę, tvarkyti WebGL plėtinius, konteksto praradimo / atkūrimo įvykius ir sukurti scenos klasės objektą, kuris stebės visus pridėtus objektus. Be to, kas išdėstyta pirmiau, ji taip pat palaiko visuotinių WebGL komandų tvarkymą, pvz., scenos atlaisvinimą, kadrų buferių surišimą, gylio nustatymą, maišymo funkciją ir pan.
Animuokite vaizdus ir vaizdo įrašus naudodami „JavaScript“.
Atvirojo kodo biblioteka curtains.js suteikia programinės įrangos kūrėjams galią lengvai animuoti vaizdus ir vaizdo įrašus savo programose. Biblioteka leidžia kūrėjams kurti plokštumas su vaizdais ir vaizdo įrašais, kurie veikia kaip paprasti HTML elementai, kurių padėtis ir dydis apibrėžti CSS taisyklėmis. Taip pat galite naudoti kelias tekstūras, kelias plokštumas, kelių plokštumų drobės tekstą, kelias vaizdo įrašo tekstūras ir daug daugiau.
