Pustaka JavaScript untuk Membuat Interaksi & Animasi 3D
API JavaScript Sumber Terbuka yang membenarkan untuk menukar elemen DOM HTML kepada satah bertekstur interaktif. Anda boleh dengan mudah Mengurus WebGL & meletakkan jejaring anda berbanding elemen DOM halaman web anda.
curtains.js ialah perpustakaan JavaScript ringan sumber terbuka yang memberikan pembangun perisian keupayaan untuk mengubah elemen DOM HTML mereka menjadi satah bertekstur interaktif dengan mudah. Perpustakaan ini bersaiz kecil tetapi sangat stabil membolehkan pengguna mencipta interaksi dan animasi 3D yang berkuasa dengan mudah. Ia boleh menterjemah elemen HTML yang mengandungi imej dan video ke dalam satah bertekstur WebGL 3D dengan mudah, membenarkan pengguna menganimasikannya melalui shader.
Perpustakaan ini sangat mudah digunakan tetapi anda perlu mempunyai pengetahuan asas yang baik tentang HTML, CSS, JavaScript dan shader. shader ialah satu set arahan yang dijalankan dalam saluran paip grafik dan memberitahu komputer cara untuk memaparkan setiap piksel. Anda juga perlu mengetahui lebih lanjut tentang pelorek puncak dan serpihan, cara menggunakan seragam serta asas sintaks GLSL.
curtains.js ini tersedia di bawah lesen MIT yang bermaksud ia percuma untuk digunakan untuk projek peribadi dan komersial. Matlamat utama perpustakaan adalah untuk menyediakan cara mudah untuk mengendalikan WebGL dan meletakkan kedudukan jejaring anda berbanding elemen DOM halaman web anda. WebGL ialah API JavaScript untuk pemaparan masa nyata grafik 3D dan 2D dalam penyemak imbas.
Bermula dengan Zen-3d
Cara paling mudah untuk memasang curtains.js ialah menggunakan npm. Sila gunakan arahan berikut untuk pemasangan yang lancar.
Pasang curtains.js melalui NPM
npm i curtainsjs Urus Adegan menggunakan JavaScript
Pustaka sumber terbuka curtains.js telah menyertakan fungsi berguna yang berkaitan dengan pengurusan adegan dan sifatnya yang berkaitan. Scene akan menimbun semua objek yang akan dilukis termasuk satah dan pas shader dalam tatasusunan yang berbeza, dan memanggilnya dalam susunan yang betul untuk dilukis. Anda boleh menetapkan semula tindanan pesawat dengan mudah, mengosongkan tindanan tempat, membina semula dengan indeks tempat baharu, menambah satah baharu pada adegan, mengalih keluar satah dari tempat kejadian, menukar kedudukan pesawat dan sebagainya.
Mengendalikan Hartanah Render
Library curtains.js percuma menyediakan keupayaan untuk mengendalikan render dalam aplikasi anda sendiri dengan mudah. Pengendalian kelas Renderer telah menyediakan beberapa fungsi penting yang berkaitan dengan konteks WebGL seperti penciptaan dan pemulihan, sambungan, arahan WebGL dan banyak lagi. Ia boleh digunakan untuk menjana bekas, menambahkan kanvas, mengendalikan sambungan WebGL, peristiwa kehilangan/pemulihan konteks dan mencipta objek kelas Scene yang akan menjejaki semua objek yang ditambahkan. Selain daripada perkara di atas, ia juga menyokong pengendalian arahan WebGL global, seperti pelepasan pemandangan, pengikatan penimbal bingkai, kedalaman tetapan, fungsi gabungan dan sebagainya.
Animasikan Imej dan Video melalui JavaScript
Pustaka sumber terbuka curtains.js memberikan pembangun perisian kuasa untuk menghidupkan imej dan video dalam aplikasi mereka sendiri dengan mudah. Pustaka membolehkan pembangun membuat pesawat yang mengandungi imej dan video yang bertindak seperti elemen HTML biasa, dengan kedudukan dan saiz yang ditentukan oleh peraturan CSS. Anda juga boleh menggunakan berbilang tekstur, berbilang satah, berbilang satah teks kanvas, berbilang tekstur video dan banyak lagi.
