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
|
map.ui = new function(){
var base = this
base.el = document.querySelector("#map")
base.creating = base.dragging = false
base.mouse = new mouse({
el: base.el,
down: down,
move: move,
drag: drag,
up: up,
rightclick: rightclick,
})
base.wheel = new wheel({
el: base.el,
update: mousewheel,
})
//
function down (e, cursor){
cursor.x.div(map.zoom).add( map.center.a + map.bounds.a/2 )
cursor.y.div(map.zoom).add( -map.center.b - map.bounds.b/2 )
console.log(cursor+"")
if (e.ctrlKey || e.which === 3) {
map.center.a = cursor.x.a + map.bounds.a * map.zoom
map.center.b = -cursor.y.a + map.bounds.b * map.zoom
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
}
var intersects = clipper.rooms.filter(function(r){
return r.focused = r.rect.contains(cursor.x.a, cursor.y.a)
})
if (intersects.length){
base.dragging = intersects[0]
}
else {
base.creating = true
}
if (e.shiftKey && base.dragging) {
base.dragging.rect.quantize(10)
}
}
function move (e, cursor) {
cursor.x.div(map.zoom).add( map.center.a + map.bounds.a/2 )
cursor.y.div(map.zoom).add( -map.center.b - map.bounds.b/2 )
}
function drag (e, cursor) {
cursor.x.b = (cursor.x.b / map.zoom) + map.center.a + map.bounds.a/2
cursor.y.b = (cursor.y.b / map.zoom) - map.center.b - map.bounds.b/2
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.zoom).add( map.center.a + map.bounds.a/2 )
new_cursor.y.div(map.zoom).add( -map.center.b - map.bounds.b/2 )
if (base.creating) {
if (cursor.height() != 0 && cursor.width() != 0) {
cursor.x.abs().quantize(1)
cursor.y.abs().quantize(1)
clipper.add_room( cursor )
}
}
if (base.dragging) {
base.dragging.rect.translate()
}
base.creating = base.dragging = false
}
function mousewheel (e, val, delta){
var cursor = base.mouse.cursor
var intersects = clipper.rooms.filter(function(r){
return r.focused = r.rect.contains(cursor.x.a, cursor.y.a)
})
if (intersects.length) {
intersects[0].height = clamp( ~~(intersects[0].height - delta), 200, 800 )
clipper.update()
}
}
function rightclick (e){
}
}
|
