Enhanced Navigation Facilities for HTML5 Videos allows Web developers to provide a list of scenes by which site visitors can click on a single scene to jump to a given location in the video. The currently-playing scene is highlighted. Other features include framewise stepping forward and backward, moving to the start and end of a video, fast forwarding, and rewinding.
Page Transitions shows transitions when a user leaves a Web page. It can produce an animation effect, so when the user leaves the current page to another, the effect is applied to make the page disappear and the new page appear. The object can compose an animation defined programatically or execute one of many types of pre-defined page transition effects like fading, panning, shrinking, rotating, skewing, etc.
xLayers animates page elements stacked in different layers. It traverses the list of page elements of a given container element and changes their positioning properties so they appear stacked as layers on top of each other. Some elements may be explicitly excluded from becoming layers. The position and size of each layer can be adjusted by the user with the mouse or animated automatically at a given timing rate.
SpotlightJS shows a spotlight over a Web page. It can create a transparent canvas on the top of the Web page with a dark area and a light rounded spot area which make the content below it appear as if it highlighted by a spotlight. The spotlight can be animated so it can move at a given speed. Callback functions may be invoked when the user drags the mouse over or clicks in the spotlight or the canvas area, as well when the animation starts and ends.
Whiteboard lets the user draw freehand graphics on a Web page. It can create a canvas object for the whiteboard (if one does not exist) and let the user draw on the canvas area by dragging the mouse around. The color, thickness, line join, and line cap of the drawing pen can be configured. The object can also clear the whiteboard, export the coordinates of the drawn lines, or import previously drawn lines.
Gravity animates HTML page elements using the laws of physics. It uses the Box2DWeb library to animate given page elements so they move, rotate, and collide. The gravity acceleration and direction are configurable. Given callback functions may be invoked when objects collide. Objects' speed and rotation may be affected when the user drags them using the mouse pointer. Each page element can be made static or animated. Animated page elements may include the respective children elements. The elements' friction and density properties can also be configured.
Gestures is an object that can recognize user gestures that form configurable shapes. It can listen to events of the user moving the mouse forming known gesture shapes. The object can recognize custom gesture shapes defined by a list of vertex points of the shape. A given callback function is invoked when the object recognizes a known user gesture shape. The object can also draw the gesture shape as the user moves the mouse.
Lightning effect JS is an object that can draw a random lightning bolt on the page. It can create a canvas on which a glowing random line similar to lightning bolt is drawn within given page boundaries. The position, color, and thickness of the lightning bolt are configurable parameters.