Building the Line tool

sources/scripts/modules/brush.js

@@ -2,7 +2,7 @@ function Brush()
 {
   Module.call(this,"brush");
 
-  this.settings = {size:1,color:"#f00",opacity:1.0};
+  this.settings = {size:4,color:"#000",opacity:1.0};
 
   this.pointers = [
     new Pointer({offset:{x:0,y:0}}),
@@ -14,7 +14,7 @@ function Brush()
 
   this.ports.speed = 0;
   this.ports.distance = 0;
-  this.ports.red = 255;
+  this.ports.red = 0;
   this.ports.green = 0;
   this.ports.blue = 0;
   this.ports.alpha = 1;

sources/scripts/modules/line.js

@@ -0,0 +1,87 @@
+function Line()
+{
+  Module.call(this,"line");
+
+  this.settings = {steps:20};
+
+  this.methods = {};
+
+  this.methods.tween = function(q)
+  {
+    var from = parse_sequence(q.split(">>")[0]);
+    var to = parse_sequence(q.split(">>")[1]);
+
+    var s = 0;
+    while(s < ronin.line.settings.steps){
+      var progress = s/parseFloat(ronin.line.settings.steps);
+      var new_positions = tween_positions(from,to,progress);
+      ronin.line.stroke_multi(new_positions);
+      s += 1;
+    }
+  }
+
+  this.stroke_multi = function(coordinates)
+  {
+    var from = coordinates[0];
+    for(pos_id in coordinates){
+      var pos = coordinates[pos_id];
+      ronin.line.stroke(from,pos);
+      from = pos;
+    }
+  }
+
+  this.stroke = function(from,to)
+  {
+    var ctx = ronin.render.context();
+
+    ctx.beginPath();
+    ctx.globalCompositeOperation="source-over";
+    ctx.moveTo((from.x * 2),(from.y * 2));
+    ctx.lineTo((to.x * 2),(to.y * 2));
+    ctx.lineCap="round";
+    ctx.lineWidth = 4;
+    ctx.strokeStyle = "#000";
+    ctx.stroke();
+    ctx.closePath();
+  }
+
+  function parse_sequence(seq_str)
+  {
+    var a = [];
+
+    var parts = seq_str.split("&");
+    for(part_id in parts){
+      var part = parts[part_id];
+      a.push(parse_unit(part));
+    }
+    return a;
+  }
+
+  function parse_unit(unit_str)
+  {
+    if(unit_str.indexOf(",") > -1){
+      return {x:parseInt(unit_str.split(",")[0]),y:parseInt(unit_str.split(",")[1])};
+    }
+    if(unit_str.indexOf("x") > -1){
+      return {width:parseInt(unit_str.split("x")[0]),height:parseInt(unit_str.split("x")[1])};
+    }
+  }
+
+  function tween_positions(froms,tos,progress)
+  {
+    var a = [];
+    for(pos_id in froms){
+      var from = froms[pos_id];
+      var to = tos[pos_id];
+      a.push(tween_position(from,to,progress));
+    }
+
+    return a;
+  }
+
+  function tween_position(from,to,progress)
+  {
+    var offset = {x:to.x - from.x,y:to.y - from.y};
+    return {x:from.x + offset.x * progress,y:from.y + offset.y * progress};
+  }
+}