60 FPS and amazing effects by rendering HTML/CSS in WebGL, framework agnostic. HTML GL solves "the slow DOM problem" by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL representations. These GPU accelerated textures are very effective from resources consuming perspective and are very cheap to transform or animate. Include HTMLGL.js into the project. Elements will be rendered in WebGL and their CSS Transform properties will be mapped to WebGL representation transformations. So DOM node itself will not be animated or displayed in order to avoid resource consumption.
Features
- Use as web component
- No DOM + WebGL rendering = highest FPS possible for Web platform
- HTML GL is framework agnostic and is easy to inject into existing project which needs performance tweaking
- In order to improve technology we are trying to promote standardized native Rasterization API for JavaScript
- Move, rotate, scale, change opacity
- Run demos from repository