Implements a Cube. The Cube allows to display a cube shape and to interact with it. The cube faces are nodes builded and managed by the user,
so the user can integrate various contents. The size, the position and the rotation axis are parameters that make the cube to be configurable.
The Flip Disc allows the user to browse a list of images.
The user can rotate the first image to display the next or previous image, following the angle of rotation.
Creates a 3D wall (3 rows of images)
Displays a 3D wall on the screen. The wall is composed of 3 rows of images. The wall is being moved with its right and left directional arrows
Implements a Drag and Drop management systems.
It is based on a dnd object which will handle sources and targets.
Sources are objects that can be moved over the page. Each source MUST define its own behaviour on the user drag (e.g.: creation of an avatar)
Targets are objects that can react when particular sources are dropped over them (it defines its own events). A target MUST also define what will be its behaviour when a source is over it or not.
When a source is dropped on a target, the dnd object fires the event defined by the target.
Implements the window component that captures resize and scroll events and warns listeners of changes.
It Handles these properties: screenWidth, screenHeight, fullWidth, fullHeight, width, height, orientation
Implements a 2D Gesture recognition engine.
Gesture recognition engine based on the $1 gesture recognition algorithm (Wobbrock, J.O., Wilson, A.D. and Li, Y. (2007).
Gestures without libraries, toolkits or training: A $1 recognizer for user interface prototypes.
Proceedings of the ACM Symposium on User Interface Software and Technology (UIST '07). Newport, Rhode Island (October 7-10, 2007). New York: ACM Press, pp. 159-168.). The user can define its own recognition templates (a template generator has been included in the test directory that will allow ou to generate the templates from a mobile device)
Implements a Gesture management system.
Determines whether some gestures (with exactly 2 fingers) are performed on the nodes and if so,
inform the listeners. Gestures that can be listened are referenced in the "_knownGestures" attribute below.
The notifications to the listeners include parameters that depends on gesture type.
Implements a Cover Flow.
The Cover Flow allows the user to browse a list of items ; each item consisting of an image, and perhaps a title, a rear face or an action to invoke when it is selected.
It is developed to be as flexible and configurable as possible, so the user can enable or disable some graphical options to adapt visual rendering.
The user must pay attention to the fact that the parameters significantly affect performance (number of covers, reflected and displayTitle especially).
Developed to be as flexible and configurable as possible.
The 3d fx object is an extension of wink.fx (2d fx) that allows more advanced transformations (e.g.: simple or composed 3d transformations).
Because a change of scale followed by a translation does not give the same result if you reverse the two transformations,
the main role is to simplify the implementation of composed transformations, it is made by using a user-defined order.
Implements a Tag Cloud.
The tag cloud is a generic name for a graphical representation of a set of objects defined by user : the tags.
The representation takes the form of a sphere or a circle in 3D. Each tag is an object containing at least one
identifier of a node (the view) and a rating (how can impact be displayed).
The user can interact with the tag cloud rotating it around one or more axes, the depth and the rating has an
impact when the size of the tag and makes the visual effect expected.
This is the 'easy caching' mechanism of wink. It gives you the possibility to load and store your CSS and JS resources into the device's local database. It can be used at the page startup or afterwards
Author:
Julien VAN DEN BOSSCHE, Jerome GIRAUD, Sylvain LALANDE
Browser history management. Handle the 'back' and 'forward' buttons of the browser by checking the URL hash changes. User can add new elements to the history and be notified when the user clicks on the 'back' or 'forward' buttons.
Implements a Movement Tracker. The Movement Tracker follows the touch movement performed on a node.
It listens to touch events and elaborates a movement which consists of points statements sequence.
Each point statement includes these informations : a position, a direction, a distance and a duration.
The Touch object provides a layer of abstraction with all event listeners and listened elements.
It manages the events of the finger or the mouse so that the caller does not care about the target platform.
When events occur, the touch object handles them invoking callbacks with the resulting event and associated arguments.
Implement a smart loader utility. You can preload scripts, styles and images using the load method. The smart loader uses a progress bar to give the user a feedback on the current load
The Fixed layout implements a layout with "fixed" header and/or footer.
There are two implementations depending on whether the fixed position is supported.
If it is supported, then it is a native behavior that does not include public property.
Implements a flippage layout
Creates a Flippage display. You can navigate through pages with your finger or just use the "flipForward" and "flipTo" methods
Implements a Modal Window.
A modal window can make a content as an icon, this content can be displayed as a window.
An icon is optionally movable, is associated with an image and the transition time between the view as an icon
and the view as content is customizable.
Implement a tab container
Create a tab container. You can navigate through the tabs by clicking on the arrows on each side of the tabs or directly by sliding on the tabs
