blob: c27c1596f4e7b10c56e3f49affa4b5e76731063c (
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
|
/*
*/
var Map = function(){
var base = this
base.el = document.querySelector("#map")
if (! base.el) return
base.dimensions = new vec2(window.innerWidth, window.innerHeight)
base.center = new vec2(0,0)
base.sides = function(){
var sides = base.dimensions.clone().div(2).div(base.zoom)
return new Rect( base.center.a - sides.a, -base.center.b - sides.b,
base.center.a + sides.a, -base.center.b + sides.b )
}
base.zoom = 1/4
base.zoom_exponent = -2
base.set_zoom = function (n) {
base.zoom_exponent = n
base.zoom = pow(2, base.zoom_exponent)
}
var canvas = base.canvas = document.createElement("canvas")
canvas.width = base.dimensions.a
canvas.height = base.dimensions.b
document.querySelector("#map").appendChild(canvas)
base.draw = new MapDraw (base)
base.ui = new MapUI (base)
base.resize = function(){
canvas.width = base.dimensions.a = window.innerWidth
canvas.height = base.dimensions.b = window.innerHeight
}
$(window).resize(base.resize)
base.update = function(){
base.draw.animate()
}
base.toggle = function(){
$(base.el).toggle()
}
}
|
