Vtron-Javascript/Vtron.ObjectVR.js at master · vtron/Vtron-Javascript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
if(!Vtron){ var Vtron = {}; }


(function (Vtron) {
	Vtron.ObjectVR = new Class({
		initialize: function(element, images) {
			this.element = element;

			this.viewer = new Element('img');

			this.curImage		= 0;
			this.images			= images;
			this.totalImages	= images.length;

			this.rotateSpeed = 1;

			this.loadImages();

			this.prevTouchX = 0;
		},

		//-------------------------------------------------
		addListeners: function() {
			//Add Event Listeners
			this.element.addEvent('touchstart',	this.touchStart.bind(this));
			this.element.addEvent('touchmove',	this.touchMove.bind(this));
			this.element.addEvent('touchend',	this.touchEnd.bind(this));
		},


		//-------------------------------------------------
		loadImages: function() {
			var error;

			var myImages = Asset.images(this.images,{
				onComplete: function(){
					this.addListeners();

					this.element.empty();
					this.viewer.inject(this.element);

					this.setImage();
			    }.bind(this),

			    onError: function() {
			    	error = true;
			    }
			});
		},


		//-------------------------------------------------
		setImage: function() {
			this.viewer.set('src', this.images[this.curImage]);
		},

		//-------------------------------------------------
		rotate: function() {
			this.curImage += this.rotateSpeed;

			this.setImage();
		},


		//-------------------------------------------------
		touchStart: function(e) {
			if(e.touches.length==1) {
				this.prevTouchX = e.touches[0].clientX;
			}
		},


		//-------------------------------------------------
		touchMove: function(e) {
			if(e.touches.length==1) {
				this.curImage += this.prevTouchX - e.changedTouches[0].clientX;

				if(this.curImage < 0) this.curImage = this.totalImages-1;
				else if(this.curImage >= this.totalImages) this.curImage = 0;

				this.setImage();

				this.prevTouchX = e.changedTouches[0].clientX;

				/*if(this.changed) {
					if(this.curTouch.x - this.initTouch.x > 0) this.curImage--;
					else this.curImage++;

					if(this.curImage < 0) this.curImage = this.totalImages-1;
					else if(this.curImage >= this.totalImages) this.curImage = 0;

					this.viewer.set('src', this.images[this.curImage]);
				}*/
			}
		},


		//-------------------------------------------------
		touchEnd: function(e) {
			if(e.touches.length == 1) {
			}
		}
	})
})(Vtron);