Mobile screen mockup prototype for iPhone and Android using KineticJS & jQuery UI.
Users can drag shapes to HTML5 Canvas to build an appplication mockup screen.
The project makes use of the following components:
- jQuery UI for drag/drop image widgets to HTML5 canvas
- KineticJS (v3.9.4) for canvas drawing/images exporting
- jQuery Hot Keys plugin to support keyboard events such as arrow keys, Delete
- Color Picker plugin to select color
- Tiny Scrollbar plugin to add vertical scrollbar support
- Images taken from Graffletopia iPhone sets
To run:
- Install node.js
- Type
node app.js
and open http://localhost:3000