Geek asks and answers

Multitouch homepage

I would like to create a touch-based homepage. So, for example, if the user touches the screen with 5 fingers, as in the image (green circles, see below), he will redirect the user to a specific home page, but if he touches another template (red circles), he will show a warning “Login failed system, try again. " It doesn't matter where the user touches while he is inside the square.

The basic idea is to locate the user's finger and redirect it to another page; the idea of ​​logging in is just an example.

Is there a way to do this using HTML and JavaScript because I want this to be the iOS homepage?

example layout

+3
5

, . - , touchmove touchhend ( touchcancel). (, , - . , /). .

jquery ( ).

#JQuery
$('#myID').bind("touchstart", function(event) {
  var finger1PosX = event.originalEvent.targetTouches[0].pageX;
  var finger2PosX = event.originalEvent.targetTouches[1].pageX;
});

, , .

/: http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/

div, event.preventDefault.

, multi-touch Android ( , ios).

+2

, .

HTML- () , . , (: 5 ), . AJAX, .

cookie .

+3

jGestures .

+2

. Torrance.

http://www.html5rocks.com/en/mobile/touch/ Touch,

I would get a grid in which there would be several cells. (more cells will = more difficult to crack the password, but also more likely to force users to log in!)

Then if you have a 10x10 grid, for example ... (where 1 = users are touching)

0010000000
0101000000
0101000000
0000000000
0000000000
0000000000
0000000000
0000000000
0000000000
0000000000

you could work out a connection between 1s to see if it matches

0
source

More articles:


All Articles