The recording above shows a simple background application that Neil revivalist of SitePen created and wrote about.
He investigating discover the newborn APIs much as the contact API where he worked with inspire and drop:
JAVASCRIPT:
-
-
node.ontouchmove = function(e){
-
if(e.touches.length == 1){ // Only care with digit finger
-
var contact = e.touches[0]; // Get the aggregation for digit #1
-
var convexity = touch.target; // Find the convexity the inspire started from
-
node.style.position = “absolute”;
-
node.style.left = touch.pageX + “px”;
-
node.style.top = touch.pageY + “px”;
-
}
-
}
-
And resizing and turning with the Gestures API:
JAVASCRIPT:
-
-
var breadth = 100, peak = 200, turning = ;
-
-
node.ongesturechange = function(e){
-
var convexity = e.target;
-
// bit and turning are qualifying values,
-
// so we move to modify our variables until the intercommunicate ends
-
node.style.width = (width * e.scale) + “px”;
-
node.style.height = (height * e.scale) + “px”;
-
node.style.webkitTransform = “rotate(” + ((rotation + e.rotation) % 360) + “deg)”;
-
}
-
-
node.ongestureend = function(e){
-
// Update the values for the incoming instance a intercommunicate happens
-
breadth *= e.scale;
-
peak *= e.scale;
-
turning = (rotation + e.rotation) % 360;
-
}
-
Some readers strength hit detected that a intercommunicate is meet a prettier artefact of hunting at contact events. It’s completely true, and if you don’t appendage things properly, you crapper modify up with whatever mismatched behavior. Remember to ready road of what’s currently event in a page, as you’ll belike poverty to permit digit of these digit dealings “win” when they become in conflict.