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
|
var wall_rotation = {}
wall_rotation[FRONT] = PI
wall_rotation[BACK] = 0
wall_rotation[LEFT] = HALF_PI
wall_rotation[RIGHT] = -HALF_PI
var scenery = new function(){
var base = this;
base.init = function(){
var urls = [
"http://www.donedwardsart.com/upload/2008-4-18_resting%20wood%20duck.jpg",
"http://cdn.dailypainters.com/paintings/_four_quackers__baby_duck_oil_painting_by_texas_ar_3d3162fd43295d059068ae1c204367e3.jpg",
"http://2.bp.blogspot.com/-apEunnES6wU/UGdc6skZqzI/AAAAAAAAB3k/D6yO6llpFcg/s1600/Sunny+Side+Duck.JPG",
"http://imagecache.artistrising.com/artwork/lrg//5/559/5UD2000A.jpg",
"http://media-cache-ec0.pinimg.com/736x/fc/a7/31/fca731130ffb964a434fb90edecd22c3.jpg",
]
var loader = new Loader(function(){
base.load(loader.images)
})
loader.preloadImages(urls)
}
base.load = function(images){
images.forEach(function(img){
img.width = 300
img.height = ~~(300 * img.naturalHeight/img.naturalWidth)
})
clipper.rooms.forEach(function(room){
room.walls.forEach(function(wall){
new_image(wall, choice(images))
})
})
}
function new_image (wall, img) {
var x, z
if (wall.side & FRONT_BACK && wall.rect.x.length() < img.width) {
return
}
if (wall.side & LEFT_RIGHT && wall.rect.y.length() < img.width) {
return
}
switch (wall.side) {
case FRONT:
x = wall.rect.x.a + wall.rect.x.length()/2
z = wall.rect.y.a + 10
break
case BACK:
x = wall.rect.x.a + wall.rect.x.length()/2
z = wall.rect.y.b - 10
break
case LEFT:
x = wall.rect.x.a + 10
z = wall.rect.y.a + wall.rect.y.length()/2
break
case RIGHT:
x = wall.rect.x.b - 10
z = wall.rect.y.a + wall.rect.y.length()/2
break
}
var mx_img = new MX.Image({
src: img.src,
x: x,
y: clipper.rooms[wall.room].height/2 - img.height/2 - 20,
z: z,
scale: 300/img.naturalWidth,
rotationY: wall_rotation[ wall.side ],
backface: false,
})
scene.add(mx_img)
// https://s3.amazonaws.com/luckyplop/f5b2c20e602cdfc86383910f294dcf23d91fa956.png
var x = 0, y = 0, z = 0, bounds
// should be proportional to distance from wall
var cursor_amp = 1.5
my_mouse = new mouse ({ el: mx_img.el })
my_mouse.tube.on("down", function(e, cursor){
x = mx_img.x
y = mx_img.y
z = mx_img.z
bounds = wall.bounds_for(img)
})
my_mouse.tube.on("drag", function(e, cursor){
mx_img.y = bounds.y.clamp( y - cursor.y.magnitude()*cursor_amp )
switch (wall.side) {
case FRONT:
mx_img.x = bounds.x.clamp( x + cursor.x.magnitude()*cursor_amp )
break
case BACK:
mx_img.x = bounds.x.clamp( x - cursor.x.magnitude()*cursor_amp )
break
case LEFT:
mx_img.z = bounds.x.clamp( z - cursor.x.magnitude()*cursor_amp )
break
case RIGHT:
mx_img.z = bounds.x.clamp( z + cursor.x.magnitude()*cursor_amp )
break
}
})
my_mouse.tube.on("up", function(e, cursor){
})
}
return base
}
|
