summaryrefslogtreecommitdiff
path: root/assets/javascripts/app.js
blob: b142a02819a511b8596f35c8a666e0461b409c50 (plain)
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
var is_iphone = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i));
var is_ipad = (navigator.userAgent.match(/iPad/i));
var is_android = (navigator.userAgent.match(/Android/i))
var is_mobile = is_iphone || is_ipad || is_android;

if (is_mobile) {
	window.location.href = "mobile.html"
}
else if ($.browser.msie || ! has3d()) {
	window.location.href = "error.html"
}

var scene,
		cam,
		map;

var viewHeight = window.viewHeight || 100

var app = new function(){}
app.dragging = false

app.init = function () {

	var mainbox,
			coords,
			box, size,
			floor,
			movements

	scene = new MX.Scene().addTo('#scene')
	scene.width = window.innerWidth
	scene.height = window.innerHeight
	scene.perspective = window.innerHeight

	window.onresize = function () {
		scene.width = window.innerWidth
		scene.height = window.innerHeight
		scene.perspective = window.innerHeight
		scene.update()
	}

	cam = scene.camera
	cam.y = viewHeight
	
	app.tube = new Tube ()

	if (MX.Map) map = app.map = new MX.Map()
	
	movements = app.movements = new MX.Movements(cam, viewHeight)
	movements.init()
	
	function animate (t) {
		requestAnimationFrame(animate)
		environment.update(t)
		window.path && path.update(t)
		movements.update()
		scene.update()
	}

	window.inAnimation = true

	var loader = new Loader(function(){
		$("#loader").hide()
		window.environment && window.environment.init()
		window.editor && window.editor.init()
		window.path && window.path.init()
		animate()
	})
	
	// loader.preloadImages([])
	loader.ready()
}

app.on = function(){
	app.tube.on.apply(app.tube, arguments)
}

app.off = function(){
	app.tube.off.apply(app.tube, arguments)
}

app.position = function(obj){
	return {
		x: obj.x,
		y: obj.y,
		z: obj.z,
		rotationX: obj.rotationX,
		rotationY: obj.rotationY
	}
}

var share = {
	init: function(){
		share.bind()
	},
	bind: function(){
		$("#facebook").click(share.facebook)
		$("#twitter").click(share.twitter)
	},
	url: "http://vvalls.com/",
	facebook_msg: "",
	twitter_msg: "",
	openLink: function (url) {
		window.open(url, "_blank");
	},
	facebook: function () {
		var url = "https://www.facebook.com/share.php?u=" + encodeURIComponent(share.url) + "&t=" + encodeURIComponent(share.facebook_msg);
		share.openLink(url);
		return false;
	},
	twitter: function () {
		var url = "https://twitter.com/home?status=" + encodeURIComponent(share.url + " " + share.twitter_msg);
		share.openLink(url);
		return false;
	}
}

document.addEventListener('DOMContentLoaded', app.init)