AltSearch
beta

Page Details:

Sprite3D.js, a javascript library for 3D positionning in WebKit

http://minimal.be/lab/Sprite3D/

Sprite3D wraps HTML elements with the necessary behaviours to easily control their 3D-position using a simple Javascript syntax. To create a Sprite object, you can either supply an existing DOM object or let the library create an empty
(you can apply a CSS class to the DOM element after it's creation). As you manipulate "real" HTML elements, you don't need a object (and it's performance problems), nor a WebGL-enabled browser. And, as 3D transforms are hardware-accelerated, you can get a very decent framerate, even on (Apple's) mobile devices. At this stage of development, 3D positionning is achieved via WebKit's CSS 3D transforms, restricting the library usage to Chrome and Safari browsers, as well as iOS's Mobile Safari. However, due to it's wrapping, non-intrusive nature, it allows to build semantically valid HTML pages, adding the animation layer afterwards, achieving a valuable progressive enhancement effect.
Tags: javascript, html5, 3d, css, development, library, api, creativejs, css3, javascriptsyntax Saved by: admin