summaryrefslogtreecommitdiff
path: root/public/assets/javascripts/rectangles/engine/map/ui/minimap.js
blob: 0fdd3365828aa00e34822035e60d1c0eb38e21e2 (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
Map.UI = Map.UI || {}

Map.UI.Minimap = function(map){

	var base = this

	base.creating = base.dragging = base.resizing = false

	base.mouse = new mouse({
		el: map.el,
		down: down,
		move: move,
		drag: drag,
		up: up,
		rightclick: rightclick,
	})

	base.wheel = new wheel({
		el: map.el,
		update: mousewheel,
	})
	
	var x, z
	
	//
	
	function down (e, cursor){
		cursor.x.div(map.dimensions.a).add(0.5).mul(map.dimensions.a / map.zoom).add(map.center.a)
		cursor.y.div(map.dimensions.b).sub(0.5).mul(map.dimensions.b / map.zoom).sub(map.center.b)
		
		x = scene.camera.x
		z = scene.camera.z

		if (e.ctrlKey || e.which === 3) {
			cursor.quantize(1/map.zoom)
			map.center.a = cursor.x.a
			map.center.b = -cursor.y.a
			console.log(map.center+"")
			cursor.x.b = cursor.x.a
			cursor.y.b = cursor.y.a
			base.mouse.down = false
			e.preventDefault()
			e.stopPropagation()
			return
		}
	}

	function move (e, cursor) {
		cursor.x.div(map.dimensions.a).add(0.5).mul(map.dimensions.a / map.zoom).add(map.center.a)
		cursor.y.div(map.dimensions.b).sub(0.5).mul(map.dimensions.b / map.zoom).sub(map.center.b)
	}

	function drag (e, cursor) {
		cursor.x.b = ((cursor.x.b/map.dimensions.a)+0.5) * map.dimensions.a / map.zoom + map.center.a
		cursor.y.b = ((cursor.y.b/map.dimensions.b)-0.5) * map.dimensions.b / map.zoom - map.center.b

		scene.camera.x = x + cursor.x.magnitude() * map.zoom * 16
		scene.camera.z = z + cursor.y.magnitude() * map.zoom * 16
		Rooms.mover.room = null

		if (base.dragging) {
			base.dragging.rect.translation.a = cursor.x.magnitude()
			base.dragging.rect.translation.b = cursor.y.magnitude()
		}
	}

	function up (e, cursor, new_cursor) {
		new_cursor.x.div(map.dimensions.a).add(0.5).mul(map.dimensions.a / map.zoom).add(map.center.a)
		new_cursor.y.div(map.dimensions.b).sub(0.5).mul(map.dimensions.b / map.zoom).sub(map.center.b)

		base.dragging = false
	}

	function mousewheel (e, deltaY, deltaX){
		map.set_zoom(map.zoom_exponent - deltaY/20)
	}
	
	function rightclick (e){
	}
}