JavaScript bibliotēka, lai izveidotu 3D mijiedarbības un animācijas
Atvērtā pirmkoda JavaScript API, kas ļauj pārveidot HTML DOM elementus interaktīvajā teksturētā plaknē. Varat viegli pārvaldīt WebGL un novietot tīklus attiecībā pret savas tīmekļa lapas DOM elementiem.
curtains.js ir atvērtā koda viegla JavaScript bibliotēka, kas programmatūras izstrādātājiem sniedz iespēju viegli pārveidot savus HTML DOM elementus interaktīvās teksturētās plaknēs. Bibliotēka ir maza izmēra, taču ļoti stabila, ļaujot lietotājiem viegli izveidot jaudīgu 3D mijiedarbību un animācijas. Tas var bez piepūles pārvērst HTML elementus, kas satur attēlus un videoklipus, 3D WebGL teksturētās plaknēs, ļaujot lietotājiem tos animēt, izmantojot ēnotājus.
Bibliotēku ir ļoti viegli lietot, taču jums ir jābūt labām HTML, CSS, JavaScript un ēnotāju pamatzināšanām. Ēnotājs ir instrukciju kopa, kas darbojas grafikas konveijerā un norāda datoram, kā renderēt katru pikseli. Jums arī jāzina vairāk par virsotņu un fragmentu ēnotājiem, kā lietot formas tērpus, kā arī par GLSL sintakses pamatiem.
Šis curtains.js ir pieejams saskaņā ar MIT licenci, kas nozīmē, ka to var bez maksas izmantot personiskiem un komerciāliem projektiem. Bibliotēkas galvenais mērķis ir nodrošināt vienkāršu veidu, kā rīkoties ar WebGL un novietot tīklus attiecībā pret jūsu tīmekļa lapas DOM elementiem. WebGL ir JavaScript API 3D un 2D grafikas renderēšanai reāllaikā pārlūkprogrammā.
Darba sākšana ar Zen-3d
Vienkāršākais veids, kā instalēt curtains.js , ir izmantot npm. Lūdzu, izmantojiet šo komandu vienmērīgai instalēšanai.
Instalējiet curtains.js, izmantojot NPM
npm i curtainsjs Pārvaldiet ainas, izmantojot JavaScript
Atvērtā koda bibliotēkā curtains.js ir iekļauta noderīga funkcionalitāte, kas saistīta ar ainu pārvaldību un tās atbilstošajiem rekvizītiem. Scene saliks visus objektus, kas tiks uzzīmēti, ieskaitot plaknes un ēnotāju gājienus, dažādos masīvos un izsauks tos pareizajā zīmēšanas secībā. Varat viegli atiestatīt plakņu kopas, notīrīt vietu kopu, atjaunot to, izmantojot jaunus vietu indeksus, pievienot ainai jaunas plaknes, noņemt plakni no ainas, mainot plaknes pozīciju un tā tālāk.
Apstrāde ar renderēšanas īpašībām
Bezmaksas bibliotēka curtains.js nodrošina iespēju ērti apstrādāt renderējumus jūsu lietojumprogrammā. Renderer klases apstrāde ir nodrošinājusi vairākas svarīgas funkcijas, kas saistītas ar WebGL kontekstu, piemēram, izveidi un atjaunošanu, paplašinājumus, WebGL komandas un daudz ko citu. To var izmantot, lai ģenerētu konteineru, pievienotu audeklu, apstrādātu WebGL paplašinājumus, konteksta zaudēšanas/atjaunošanas notikumus un izveidotu Scene klases objektu, kas sekos līdzi visiem pievienotajiem objektiem. Papildus iepriekšminētajam tas atbalsta arī globālo WebGL komandu apstrādi, piemēram, sižetu klīrensu, kadru buferu saistīšanu, iestatīšanas dziļumu, sajaukšanas funkciju un tā tālāk.
Animējiet attēlus un videoklipus, izmantojot JavaScript
Atvērtā pirmkoda bibliotēka curtains.js sniedz programmatūras izstrādātājiem iespēju viegli animēt attēlus un videoklipus savās lietojumprogrammās. Bibliotēka ļauj izstrādātājiem izveidot plaknes, kurās ir attēli un videoklipi, kas darbojas kā vienkārši HTML elementi, kuru novietojums un lielums ir noteikti CSS noteikumos. Varat arī izmantot vairākas faktūras, vairākas plaknes, vairāku plakņu audekla tekstu, vairākas video tekstūras un daudz ko citu.
