htdoc/htdocs_old/course3/function3.js

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 = 530;
	check.style.left = 100;
	saveRecord(250);
	var arrow=this.boxList[0];
	//confirm(arrow.rad);
	return arrow.rad<=8 && arrow.rad>=-1;
}
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: 17,//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/4;
				if(temp>=-73 && temp<=17)
					pBoxO.rad = temp;//(y/100);	
				
				pBoxO.isUpdated = true;
				saveRecordr(0,pBoxO.rad,0,0,0);
				
				
			}
			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<this.boxList.length; i++) {
		this.transform(this.boxList[i]);
	}
  requestAnimationFrame(x);
}
FingerComponent.prototype.getVendorPrefixed=function(pArrayOfPrefixes) {
	var result = null;
	for (var i=0; i<pArrayOfPrefixes.length; i++) {
		if (document.body.style[pArrayOfPrefixes[i]] !== undefined) {
			result = pArrayOfPrefixes[i];
			break;
		}
	}
	return result;
}