Phone Patterns

The idea about this page is to simulate unlock patterns for phones.
Although the interface does not exactly provide the simplicity of drawing patterns on phones, it does try its best to imitate it, making it compatible for both mobile and PC devices.
Future updates to the API may make it more similar to the generic mobile device pattern. Interface Help

Follow this instructions to use the interface easily

1. Click the plus button on the "Your Patterns" section to add a new pattern.
2. Click the button near the previously mentioned button to collapse a section
3. When you click the plus button, a "phone" is created
4. The phone contains some parts: an input bar, a pattern box, and four buttons
5. The input bar takes only numeric values ranging from 0-8, each digit representing a blue point
6. The input bar takes only one of each numeric value from 0-8. That is, a digit cannot be written more than once
7. Any otherwise behaviour is an error and should be reported
8. The pattern box contains nine blue dots and a darkblue background
9. Drawing a pattern is simple:
10. You can input digits to the input bar to connect the dots
11. For example: inputing 2, 4, 1, 6 successively to the input bar will connect the third, fifth, second and seventh dots respectively (note the +1 difference)
12. OR...
13. You can draw a pattern easily by clicking on the dots successively. Easy, right?
14. Double clicking on a connected dot will disconnect it from the pattern
15. Now about the buttons
16. The "R" means Redraw; click it to clear the pattern box and click it again to restore the drawn pattern
17. The "A" means Animate; when clicked, it clears the box and redraws it.
18. The "S" means Save; click it to save the pattern as an SVG (vector based) image
19. The "D" means Delete; click it to remove the pattern