This is a sort order game for kids created with KineticJS. It can be played using any HTML5 browser, including on an iPad. KineticJS is so fast that the touch-drag on the iPad responds just as well as mouse-drag on a computer browser. This project has simple examples of drawing pre-defined and custom shapes, fills using color, gradient or pattern, scaling, handling mouse, touch and drag events, using and moving groups around a layer and to and from different layers for optimal performance, animation and transition.
- Drag and drop the train box cars to one of the target outlines.
- When you have placed them in ascending sort order, the train will start!
Play at bsiegal.github.com/SortOrderTrain.