JavaScript-bibliotek for å lage 3D-interaksjoner og animasjoner
En åpen kildekode JavaScript API som gjør det mulig å konvertere HTML DOM-elementer til det interaktive teksturerte planet. Du kan enkelt administrere WebGL og plassere maskene dine i forhold til DOM-elementene på nettsiden din.
curtains.js er et åpen kildekode lettvekts JavaScript-bibliotek som gir programvareutviklere muligheten til å transformere HTML DOM-elementene sine til interaktive teksturerte plan med letthet. Biblioteket er lite i størrelse, men veldig stabilt, slik at brukere enkelt kan lage kraftige 3D-interaksjoner og animasjoner. Den kan enkelt oversette HTML-elementer som inneholder bilder og videoer til 3D WebGL-teksturerte plan, slik at brukerne kan animere dem via skyggelegging.
Biblioteket er veldig enkelt å bruke, men du må ha god grunnleggende kunnskap om HTML, CSS, JavaScript og shaders. En shader er et sett med instruksjoner som kjører i grafikkpipelinen og forteller datamaskinen hvordan den skal gjengi hver piksel. Du må også vite mer om toppunkt- og fragmentskyggerne, hvordan du bruker uniformer samt grunnleggende GLSL-syntaks.
Denne curtains.js er tilgjengelig under MIT-lisensen som betyr at den er gratis å bruke for personlige og kommersielle prosjekter. Hovedmålet med biblioteket er å gi en enkel måte å håndtere WebGL på og posisjonere maskene dine i forhold til DOM-elementene på nettsiden din. WebGL er et JavaScript API for sanntidsgjengivelse av 3D- og 2D-grafikk i en nettleser.
Komme i gang med Zen-3d
Den enkleste måten å installere curtains.js på er å bruke npm. Bruk følgende kommando for en jevn installasjon.
Installer curtains.js via NPM
npm i curtainsjs Administrer scener ved hjelp av JavaScript
Åpen kildekode-biblioteket curtains.js har inkludert nyttig funksjonalitet knyttet til scenebehandling og dets relevante egenskaper. Scenen vil stable alle objektene som vil bli tegnet, inkludert plan og skyggepasninger i forskjellige arrayer, og kalle dem i riktig rekkefølge for å bli tegnet. Du kan enkelt tilbakestille flystablene, tømme stedsstabelen, bygge den på nytt med de nye stedsindeksene, legge til nye fly til en scene, fjerne et fly fra en scene, endre posisjonen til et fly, og så videre.
Håndtering av gjengivelsesegenskaper
Det gratis biblioteket curtains.js gir deg muligheten til å håndtere gjengivelser i din egen applikasjon med letthet. Renderer-klassehåndteringen har gitt flere viktige funksjoner relatert til WebGL-konteksten, for eksempel opprettelse og gjenoppretting, utvidelser, WebGL-kommandoer og mer. Den kan brukes til å generere en beholder, legge til et lerret, håndtere WebGL-utvidelser, tapte kontekst/gjenopprettingshendelser og lage et Scene-klasseobjekt som vil holde styr på alle lagt til objekter. Bortsett fra det ovennevnte støtter den også håndtering av globale WebGL-kommandoer, for eksempel sceneklaring, rammebufferbinding, innstilling av dybde, blend func, og så videre.
Animer bilder og videoer via JavaScript
Åpen kildekode-biblioteket curtains.js gir programvareutviklere muligheten til å animere bilder og videoer i sine egne applikasjoner med letthet. Biblioteket gjør det mulig for utviklere å lage plan som inneholder bilder og videoer som fungerer som vanlige HTML-elementer, med plassering og størrelse definert av CSS-regler. Du kan også bruke flere teksturer, flere plan, lerretstekst med flere plan, flere videoteksturer og mange flere.
