At A Glance
An overview of curtains.js features.
- 3D Interactions
- 3D Animations
- Convert HTML Elements
- Vertex Shaders
- Fragment Shaders
- Renders Properties
- Manage Scenes
Getting Started with curtains.js
The easiest way to install curtains.js is using NPM. Use the following command for a smooth installation.
Install curtains.js via NPM
npm i curtainsjs
curtains.js has useful functionality related to scenes management and its relevant properties. The Scene will pile all the objects that will be drawn including planes and shader passes in different arrays, and call them in the right order to be drawn. You can easily reset the plane stacks, clear the place stack, rebuild it with the new place indexes, add new planes to a scene, remove a plane from a scene, changing the position of a plane, and so on.
Handling Renders Properties
The free library curtains.js provides the capability for handling renders using the Renderer class. It provides functionalities related to the WebGL context such as creation and restoration, extensions, WebGL commands, and more. It can be used to generate a container, append a canvas, handle WebGL extensions, context lost/restoration events, and create a Scene class object that will keep tracks of all added objects. Apart from the above it also supports handling global WebGL commands, such as scene clearance, frame buffers binding, setting depth, blend func, and so on.
Animate Images and Videos
The open source library curtains.js gives software developers the power to animate images and videos inside their own applications with ease. The library enables developers to create planes containing images and videos that act like plain HTML elements, with position and size defined by CSS rules. You can also use multiple textures, multiple planes, multiple planes canvas text, multiple video texture, and more.