summaryrefslogtreecommitdiff
path: root/public/assets/javascripts/rectangles/engine/scenery/resize.js
diff options
context:
space:
mode:
Diffstat (limited to 'public/assets/javascripts/rectangles/engine/scenery/resize.js')
-rw-r--r--public/assets/javascripts/rectangles/engine/scenery/resize.js50
1 files changed, 20 insertions, 30 deletions
diff --git a/public/assets/javascripts/rectangles/engine/scenery/resize.js b/public/assets/javascripts/rectangles/engine/scenery/resize.js
index 50c97bd..ac13326 100644
--- a/public/assets/javascripts/rectangles/engine/scenery/resize.js
+++ b/public/assets/javascripts/rectangles/engine/scenery/resize.js
@@ -6,7 +6,7 @@ Scenery.resize = new function(){
var obj
var x, y, z, bounds
var dragging = false
- var dimensions, position
+ var dimensions, position, scale
var dots = [], dot, selected_dot
@@ -147,58 +147,48 @@ Scenery.resize = new function(){
selected_dot = selection[0]
dragging = true
- dimensions = new vec2(obj.mx.width, obj.mx.height)
+ dimensions = obj.dimensions
position = new vec3(obj.mx.x, obj.mx.y, obj.mx.z)
+ scale = obj.mx.scale
- console.log("down on", sidesToString(selected_dot.side))
-
document.body.classList.add("dragging")
}
function drag (e, cursor){
if (! dragging) return
- // cursor.x.magnitude()*cursor_amp
var x_sign = selected_dot.side & LEFT ? -1 : selected_dot.side & RIGHT ? 1 : 0
var y_sign = selected_dot.side & TOP ? -1 : selected_dot.side & BOTTOM ? 1 : 0
-
+ var width = cursor.x.magnitude()
+ var height = cursor.y.magnitude()
var mag = cursor.magnitude()
-
- // fix resizing here
-// obj.mx.scale = obj.media.scale
-// var translation = new vec2( x_sign * cursor.x.magnitude() * cursor_amp, y_sign * cursor.y.magnitude() * cursor_amp )
+ var old_width = dimensions.a * scale
- if (selected_dot.side & LEFT_RIGHT) {
-// obj.mx.width = dimensions.a + translation.a
- obj.mx.x = position.a + x_sign * cos(rotationY) * mag/2 * obj.mx.scale
- obj.mx.z = position.c + x_sign * sin(rotationY) * mag/2 * obj.mx.scale
+ if (abs(width) > abs(height)) {
+ mag = x_sign * mag * sign(width)
}
- if (selected_dot.side & TOP_BOTTOM) {
-// obj.mx.height = dimensions.b + translation.b
- obj.mx.y = position.b - y_sign * mag/2 * obj.mx.scale
+ else {
+ mag = y_sign * mag * sign(height)
}
-// bounds = obj.wall.bounds_for(dimensions)
+ obj.mx.scale = scale * (old_width + mag) / old_width
-// base.mx.y = bounds.y.clamp( y - cursor.y.magnitude()*cursor_amp )
-// switch (base.wall.side) {
-// case FRONT:
-// case BACK:
-// base.mx.x = bounds.x.clamp( x + cos(wall_rotation[base.wall.side]) * cursor.x.magnitude()*cursor_amp )
-// break
-// case LEFT:
-// case RIGHT:
-// base.mx.z = bounds.x.clamp( z + sin(wall_rotation[base.wall.side]) * cursor.x.magnitude()*cursor_amp )
-// break
-// }
+ if (selected_dot.side & LEFT_RIGHT) {
+ obj.mx.x = position.a + cos(rotationY) * mag/2 * (x_sign)
+ obj.mx.z = position.c + sin(rotationY) * mag/2 * (x_sign)
+ }
+ if (selected_dot.side & TOP_BOTTOM) {
+ obj.mx.y = position.b - mag/2 * y_sign
+ }
base.move_dots()
-
}
function up (e, cursor){
dragging = false
selected_dot = null
+ obj.scale = obj.mx.ops.scale = obj.mx.scale
+ obj.set_wall()
document.body.classList.remove("dragging")
}