JavaScript библиотека за създаване на 3D взаимодействия и анимации
API на JavaScript с отворен код, който позволява преобразуване на HTML DOM елементи в интерактивна текстурирана равнина. Можете лесно да управлявате WebGL и да позиционирате мрежите си спрямо DOM елементите на вашата уеб страница.
curtains.js е лека JavaScript библиотека с отворен код, която дава възможност на разработчиците на софтуер да трансформират своите HTML DOM елементи в интерактивни текстурирани равнини с лекота. Библиотеката е малка по размер, но много стабилна, позволявайки на потребителите лесно да създават мощни 3D взаимодействия и анимации. Той може без усилие да превежда HTML елементи, съдържащи изображения и видеоклипове, в 3D WebGL текстурирани равнини, позволявайки на потребителите да ги анимират чрез шейдъри.
Библиотеката е много лесна за използване, но трябва да имате добри основни познания по HTML, CSS, JavaScript и шейдъри. Шейдърът е набор от инструкции, които се изпълняват в графичния конвейер и казват на компютъра как да визуализира всеки пиксел. Също така трябва да знаете повече за върховите и фрагментните шейдъри, как да използвате униформи, както и основите на синтаксиса на GLSL.
Този curtains.js се предлага под лиценза на MIT, което означава, че е безплатен за използване за лични и търговски проекти. Основната цел на библиотеката е да осигури лесен начин за работа с WebGL и позициониране на вашите мрежи спрямо DOM елементите на вашата уеб страница. WebGL е JavaScript API за изобразяване в реално време на 3D и 2D графики в браузър.
Първи стъпки с Zen-3d
Най-лесният начин да инсталирате curtains.js е да използвате npm. Моля, използвайте следната команда за гладка инсталация.
Инсталирайте curtains.js чрез NPM
npm i curtainsjs Управлявайте сцени с помощта на JavaScript
Библиотеката с отворен код curtains.js включва полезна функционалност, свързана с управлението на сцени и съответните свойства. Сцената ще натрупа всички обекти, които ще бъдат изчертани, включително равнини и проходи на шейдъри в различни масиви, и ще ги извика в правилния ред, за да бъдат начертани. Можете лесно да нулирате стека на равнината, да изчистите стека на мястото, да го изградите отново с новите индекси на място, да добавите нови равнини към сцена, да премахнете равнина от сцена, да промените позицията на равнина и т.н.
Обработване на свойствата на визуализацията
Безплатната библиотека curtains.js предоставя възможност за лесно боравене с визуализации във вашето собствено приложение. Обработката на клас Renderer предостави няколко важни функционалности, свързани с контекста на WebGL, като създаване и възстановяване, разширения, WebGL команди и други. Може да се използва за генериране на контейнер, добавяне на платно, обработка на WebGL разширения, събития за загуба/възстановяване на контекста и създаване на обект от клас сцена, който ще следи всички добавени обекти. Освен горното, той също така поддържа работа с глобални WebGL команди, като изчистване на сцена, обвързване на буфери на кадри, дълбочина на настройка, функция на смесване и т.н.
Анимирайте изображения и видеоклипове чрез JavaScript
Библиотеката с отворен код curtains.js дава на разработчиците на софтуер силата да анимират изображения и видеоклипове в собствените си приложения с лекота. Библиотеката позволява на разработчиците да създават равнини, съдържащи изображения и видеоклипове, които действат като обикновени HTML елементи, с позиция и размер, определени от CSS правила. Можете също така да използвате множество текстури, множество равнини, текст на платно с множество равнини, множество видео текстури и много други.
