3D Qarşılıqlı Əlaqələr və Animasiyalar Yaratmaq üçün JavaScript Kitabxanası
HTML DOM elementlərini interaktiv teksturalı müstəviyə çevirməyə imkan verən Açıq Mənbə JavaScript API. Siz asanlıqla WebGL-i idarə edə və veb səhifənizin DOM elementlərinə nisbətən şəbəkələrinizi yerləşdirə bilərsiniz.
curtains.js proqram tərtibatçılarına HTML DOM elementlərini asanlıqla interaktiv teksturalı planlara çevirmək imkanı verən açıq mənbəli yüngül JavaScript kitabxanasıdır. Kitabxana kiçik ölçülüdür, lakin istifadəçilərə asanlıqla güclü 3D qarşılıqlı əlaqə və animasiyalar yaratmağa imkan verən çox sabitdir. O, şəkillər və videolardan ibarət HTML elementlərini 3D WebGL teksturalı müstəvilərə asanlıqla tərcümə edərək, istifadəçilərə onları şaderlər vasitəsilə canlandırmaq imkanı verir.
Kitabxanadan istifadə etmək çox asandır, lakin siz HTML, CSS, JavaScript və şeyderlər haqqında yaxşı əsas biliklərə sahib olmalısınız. şeyder qrafik boru xəttində işləyən və kompüterə hər pikselin necə göstəriləcəyini söyləyən təlimatlar toplusudur. Siz həmçinin təpə və fraqment şaderləri, uniformalardan necə istifadə etmək, eləcə də GLSL sintaksisinin əsasları haqqında daha çox bilməlisiniz.
Bu curtains.js MIT lisenziyası altında mövcuddur, yəni şəxsi və kommersiya layihələri üçün istifadə etmək pulsuzdur. Kitabxananın əsas məqsədi WebGL ilə işləmək və veb səhifənizin DOM elementlərinə nisbətən şəbəkələrinizi yerləşdirmək üçün asan bir yol təqdim etməkdir. WebGL brauzerdə 3D və 2D qrafikaların real vaxt rejimində göstərilməsi üçün JavaScript API-dir.
Zen-3d ilə işə başlamaq
curtains.js quraşdırmağın ən asan yolu npm-dən istifadə etməkdir. Düzgün quraşdırma üçün aşağıdakı əmrdən istifadə edin.
curtains.js-ni NPM vasitəsilə quraşdırın
npm i curtainsjs JavaScript istifadə edərək səhnələri idarə edin
curtains.js açıq mənbə kitabxanasına səhnələrin idarə edilməsi və onun müvafiq xassələri ilə bağlı faydalı funksionallıq daxildir. Səhnə təyyarələr və şeyder keçidləri də daxil olmaqla, çəkiləcək bütün obyektləri müxtəlif massivlərdə yığacaq və onları düzgün tərtib etmək üçün çağıracaq. Siz təyyarə yığınlarını asanlıqla sıfırlaya, yer yığınını təmizləyə, onu yeni yer indeksləri ilə yenidən qura, səhnəyə yeni təyyarələr əlavə edə, bir təyyarəni səhnədən çıxara, təyyarənin mövqeyini dəyişdirə və s.
Renders xassələrinin idarə edilməsi
Pulsuz kitabxana curtains.js öz tətbiqinizin daxilində renderləri asanlıqla idarə etmək imkanı verir. Renderer sinfinin idarə edilməsi WebGL konteksti ilə bağlı bir neçə mühüm funksiyanı təmin etmişdir, məsələn, yaradılması və bərpası, genişləndirmələr, WebGL əmrləri və s. O, konteyner yaratmaq, kətan əlavə etmək, WebGL uzantılarını idarə etmək, itirilmiş kontekst/bərpa hadisələrini idarə etmək və bütün əlavə edilmiş obyektləri izləyəcək Scene sinif obyekti yaratmaq üçün istifadə edilə bilər. Yuxarıda göstərilənlərdən başqa, o, həmçinin səhnə təmizlənməsi, çərçivə buferlərinin bağlanması, dərinliyin qurulması, qarışdırma funksiyası və s. kimi qlobal WebGL əmrlərinin idarə edilməsini dəstəkləyir.
JavaScript vasitəsilə şəkillər və videoları canlandırın
curtains.js açıq mənbə kitabxanası proqram tərtibatçılarına asanlıqla öz proqramlarında şəkillər və videoları canlandırmaq imkanı verir. Kitabxana tərtibatçılara CSS qaydaları ilə müəyyən edilmiş mövqe və ölçü ilə düz HTML elementləri kimi fəaliyyət göstərən şəkillər və videolardan ibarət təyyarələr yaratmağa imkan verir. Siz həmçinin çoxlu teksturalardan, çoxsaylı təyyarələrdən, çoxlu təyyarəli kətan mətnindən, çoxlu video teksturasından və daha çoxundan istifadə edə bilərsiniz.
