JavaScript-bibliotek til at skabe 3D-interaktioner og -animationer
En Open Source JavaScript API, der gør det muligt at konvertere HTML DOM-elementer til det interaktive teksturerede plan. Du kan nemt administrere WebGL og placere dine meshes i forhold til DOM-elementerne på din webside.
curtains.js er et open source letvægts JavaScript-bibliotek, der giver softwareudviklere mulighed for nemt at transformere deres HTML DOM-elementer til interaktive teksturerede fly. Biblioteket er lille i størrelse, men meget stabilt, så brugerne nemt kan skabe kraftfulde 3D-interaktioner og animationer. Det kan ubesværet oversætte HTML-elementer, der indeholder billeder og videoer, til 3D WebGL-teksturerede planer, så brugerne kan animere dem via shaders.
Biblioteket er meget nemt at bruge, men du skal have et godt grundlæggende kendskab til HTML, CSS, JavaScript og shaders. En shader er et sæt instruktioner, der kører i den grafiske pipeline og fortæller computeren, hvordan hver pixel skal gengives. Du skal også vide mere om vertex og fragment shaders, hvordan man bruger uniformer samt GLSL syntaks grundlæggende.
Denne curtains.js er tilgængelig under MIT-licensen, hvilket betyder, at den er gratis at bruge til personlige og kommercielle projekter. Hovedformålet med biblioteket er at give en nem måde at håndtere WebGL på og placere dine masker i forhold til DOM-elementerne på din webside. WebGL er en JavaScript API til realtidsgengivelse af 3D- og 2D-grafik i en browser.
Kom godt i gang med Zen-3d
Den nemmeste måde at installere curtains.js på er at bruge npm. Brug venligst følgende kommando for en problemfri installation.
Installer curtains.js via NPM
npm i curtainsjs Administrer scener ved hjælp af JavaScript
Open source-biblioteket curtains.js har inkluderet nyttig funktionalitet relateret til scenestyring og dets relevante egenskaber. Scenen vil stable alle de objekter, der vil blive tegnet, inklusive fly og shader-pas i forskellige arrays, og kalde dem i den rigtige rækkefølge for at blive tegnet. Du kan nemt nulstille flystakkene, rydde pladsstakken, genopbygge den med de nye stedindekser, tilføje nye fly til en scene, fjerne et fly fra en scene, ændre et flys position og så videre.
Håndtering af Renders-egenskaber
Det gratis bibliotek curtains.js giver mulighed for nemt at håndtere gengivelser i din egen applikation. Renderer-klassehåndteringen har givet flere vigtige funktioner relateret til WebGL-konteksten, såsom oprettelse og gendannelse, udvidelser, WebGL-kommandoer og mere. Det kan bruges til at generere en container, tilføje et lærred, håndtere WebGL-udvidelser, konteksttabte/gendannelsesbegivenheder og oprette et Scene-klasseobjekt, der vil holde styr på alle tilføjede objekter. Udover ovenstående understøtter den også håndtering af globale WebGL-kommandoer, såsom scenerydning, binding af rammebuffere, indstilling af dybde, blandingsfunktion og så videre.
Animer billeder og videoer via JavaScript
Open source-biblioteket curtains.js giver softwareudviklere mulighed for nemt at animere billeder og videoer i deres egne applikationer. Biblioteket gør det muligt for udviklere at oprette planer, der indeholder billeder og videoer, der fungerer som almindelige HTML-elementer, med position og størrelse defineret af CSS-regler. Du kan også bruge flere teksturer, flere fly, lærredstekst med flere planer, flere videoteksturer og mange flere.
