function FingerComponent(obj_list){ this.TRANSFORM_PREFIXED = this.getVendorPrefixed(["transform", "msTransform", "MozTransform", "webkitTransform", "OTransform"]); this.boxList = []; for(var i = 0,objId;objId=obj_list[i];i++){ var temp = this.assignBox(objId); this.boxList.push(temp); this.listen(temp); } var _this=this; var loop=function(){ for(var i=0; i<_this.boxList.length; i++) { _this.transform(_this.boxList[i]); } requestAnimationFrame(loop); }; loop(); } function nextPage(code,num){ saveRecord(code); setTimeout(1500,location.replace(num+'.php')); } function dragPic(){ dragTime = Math.floor(Date.now() / 1000); } FingerComponent.prototype.checkRes=function() { check.style.display = "inline"; check.style.top = -50; check.style.left = 50; saveRecord(250); var arrow=this.boxList[0]; saveRecordr(0,arrow.rad,0,0,0); return arrow.rad<=100 && arrow.rad>=75; } FingerComponent.prototype.assignBox=function(picS) { var pic = document.getElementById(picS); //console.log(pic); return { element: pic, isUpdated: true, x: 0,//Math.random() * (window.innerWidth - 200), y: 0,//Math.random() * (window.innerHeight - 300), rad:20,//Math.random()*Math.PI * 2, scale: 1, rafId: 0, degx: 0, degy: 0 } } FingerComponent.prototype.listen=function(pBoxO) { var finger = new Fingers(pBoxO.element); var flag=false; finger.addGesture(Fingers.gesture.Drag, null).addHandler(function(pEventType, pData, pFingers) { if(pEventType === Fingers.Gesture.EVENT_TYPE.move) { //pBoxO.x += pFingers[0].getDeltaX(); //pBoxO.y += pFingers[0].getDeltaY(); var x=pFingers[0].getDeltaX(); var y=pFingers[0].getDeltaY(); //console.log("X:"+x+" Y:"+y); var temp=pBoxO.rad+y/3; if(temp>=20 && temp<=110) pBoxO.rad = temp;//(y/100); pBoxO.isUpdated = true; } else if(pEventType === Fingers.Gesture.EVENT_TYPE.start) { //topZIndex++; //pBoxO.zIndex = topZIndex; //pBoxO.isUpdated = true; } }); /*finger.addGesture(Fingers.gesture.Hold, { nbFingers: 1}).addHandler(function(pEventType,pData){ if(pEventType === Fingers.Gesture.EVENT_TYPE.instant) flag = true ; }); finger.addGesture(Fingers.gesture.Transform, null).addHandler(function(pEventType, pData, pFingers) { if(pEventType === Fingers.Gesture.EVENT_TYPE.move) { pBoxO.rad += pData.deltaRotation; pBoxO.scale = Math.max(0.5, Math.min(2, pBoxO.scale * pData.deltaScale)); pBoxO.isUpdated = true; } });*/ pBoxO.fingers = finger ; } FingerComponent.prototype.transform=function(pBoxO) { if(pBoxO.isUpdated) { pBoxO.element.style[this.TRANSFORM_PREFIXED] = "translateZ(0) " + "translate(" + pBoxO.x + "px, " + pBoxO.y + "px) " + "scale(" + pBoxO.scale + ") " +//+ "rotate3d(0,0,0," + pBoxO.rad + "rad) "; "rotate(" + pBoxO.rad + "deg) "; pBoxO.element.style.zIndex = pBoxO.zIndex; pBoxO.isUpdated = false; } } FingerComponent.prototype.loop=function(){ var x=this.loop(); for(var i=0; i