client/js/paper-renderer.js
changeset 3 7722ec70c01b
parent 2 3360c3f7fb18
child 4 f5297dde9053
--- a/client/js/paper-renderer.js	Thu Jul 26 18:06:05 2012 +0200
+++ b/client/js/paper-renderer.js	Fri Jul 27 12:22:10 2012 +0200
@@ -29,7 +29,7 @@
 }
 
 Rkns.Renderers.Paper__Controllers.Node.prototype.redraw = function() {
-    this.node_model_coords = new paper.Point(this._element.position.x, this._element.position.y);
+    this.node_model_coords = new paper.Point(this._element.position);
     this.node_paper_coords = this._renderer.toPaperCoords(this.node_model_coords);
     this.node_circle.position = this.node_paper_coords;
     this.node_text.content = this._element.title;
@@ -38,10 +38,7 @@
 }
 
 Rkns.Renderers.Paper__Controllers.Node.prototype.paperShift = function(_delta) {
-    this.node_paper_coords = this.node_paper_coords.add(_delta);
-    this.node_model_coords = this._renderer.toModelCoords(this.node_paper_coords);
-    this._element.position.x = this.node_model_coords.x;
-    this._element.position.y = this.node_model_coords.y;
+    this._element.setPosition(Rkns._FROM_GRAPHICS, this._renderer.toModelCoords(this.node_paper_coords.add(_delta)));
     this._renderer.redraw();
 }
 
@@ -137,7 +134,7 @@
         _miny = Math.min.apply(Math, _yy),
         _maxx = Math.max.apply(Math, _xx),
         _maxy = Math.max.apply(Math, _yy);
-    this.scale = Math.min((paper.view.size.width - 100) / (_maxx - _minx), (paper.view.size.height - 100) / (_maxy - _miny));
+    this.scale = Math.min((paper.view.size.width - 160) / (_maxx - _minx), (paper.view.size.height - 100) / (_maxy - _miny));
     this.offset = paper.view.center.subtract(new paper.Point([(_maxx + _minx) / 2, (_maxy + _miny) / 2]).multiply(this.scale));
     this.nodes = this._project.nodes.map(function(_node) {
         return new Rkns.Renderers.Paper__Controllers.Node(_this, _node);
@@ -177,15 +174,21 @@
     }
 }
 
-Rkns.Renderers.Paper.prototype.onScroll = function(_event, _delta) {
-    this.totalScroll += _delta;
+Rkns.Renderers.Paper.prototype.onScroll = function(_event, _scrolldelta) {
+    this.totalScroll += _scrolldelta;
     if (Math.abs(this.totalScroll) >= 1) {
+        var _off = Rkns.$("#"+this._project._opts.canvas_id).offset(),
+            _delta = new paper.Point([
+                _event.pageX - _off.left,
+                _event.pageY - _off.top
+            ]).subtract(this.offset).multiply( Math.SQRT2 - 1 );
         if (this.totalScroll > 0) {
+            this.offset = this.offset.subtract(_delta);
             this.scale *= Math.SQRT2;
         } else {
+            this.offset = this.offset.add(_delta.divide( Math.SQRT2 ));
             this.scale *= Math.SQRT1_2;
         }
-        console.log(this.scale);
         this.totalScroll = 0;
         this.redraw();
     }