summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJules Laplace <jules@okfoc.us>2014-08-26 14:12:52 -0400
committerJules Laplace <jules@okfoc.us>2014-08-26 14:12:52 -0400
commitfa1b3141216debeb0e334b1b2f94cbc50c52ccb9 (patch)
tree62e6fffc2814c21b08e23c30386d19d9d78b34e0
parent9bd30008c165fdb561f574dd2f83c35e609c96b1 (diff)
update size fields as you resize
-rw-r--r--public/assets/javascripts/rectangles/engine/scenery/resize.js5
-rw-r--r--public/assets/javascripts/ui/editor/MediaEditor.js9
2 files changed, 9 insertions, 5 deletions
diff --git a/public/assets/javascripts/rectangles/engine/scenery/resize.js b/public/assets/javascripts/rectangles/engine/scenery/resize.js
index 48ada6c..e26c0a7 100644
--- a/public/assets/javascripts/rectangles/engine/scenery/resize.js
+++ b/public/assets/javascripts/rectangles/engine/scenery/resize.js
@@ -176,7 +176,8 @@ Scenery.resize = new function(){
mag = y_sign * mag * sign(height)
}
- obj.mx.scale = ( dimension.a + mag ) / naturalDimension.a // dimension.a // scale * (old_width + mag) / old_width
+ obj.set_scale( ( dimension.a + mag ) / naturalDimension.a )
+ // dimension.a // scale * (old_width + mag) / old_width
// console.log(scale, obj.mx.scale, dimension.a + mag, naturalDimension.a)
@@ -189,6 +190,8 @@ Scenery.resize = new function(){
}
base.move_dots()
+
+ app.router.editorView.mediaEditor.setDimensions()
}
function up (e, cursor){
diff --git a/public/assets/javascripts/ui/editor/MediaEditor.js b/public/assets/javascripts/ui/editor/MediaEditor.js
index f1ded50..750cf41 100644
--- a/public/assets/javascripts/ui/editor/MediaEditor.js
+++ b/public/assets/javascripts/ui/editor/MediaEditor.js
@@ -116,17 +116,18 @@ var MediaEditor = FormView.extend({
},
setDimensions: function(){
- this.$width.unitVal( Number(this.scenery.dimensions.a * this.scenery.scale) || "" )
- this.$height.unitVal( Number(this.scenery.dimensions.b * this.scenery.scale) || "" )
+ if (! this.scenery) return
+ this.$width.unitVal( Number(this.scenery.naturalDimensions.a * this.scenery.scale) || "" )
+ this.$height.unitVal( Number(this.scenery.naturalDimensions.b * this.scenery.scale) || "" )
},
changeWidth: function(e){
e.stopPropagation()
- this.scenery.set_scale( this.$width.unitVal() / this.scenery.dimensions.a )
+ this.scenery.set_scale( this.$width.unitVal() / this.scenery.naturalDimensions.a )
this.setDimensions()
},
changeHeight: function(e){
e.stopPropagation()
- this.scenery.set_scale( this.$height.unitVal() / this.scenery.dimensions.b )
+ this.scenery.set_scale( this.$height.unitVal() / this.scenery.naturalDimensions.b )
this.setDimensions()
},
changeUnits: function(){