Derp

index.html

@@ -54,6 +54,10 @@
 		rb.position.set(50, 300);
 		o.add(rb);
 
+		var l = new ConnectionLine();
+		l.to.set(-500, 0);
+		o.add(l);
+
 		var v = new Viewport();
 
 		var r = new Renderer(canvas);

source/objects/ConnectionLine.js

@@ -13,11 +13,22 @@ function ConnectionLine(src)
 	 * Final point of the line.
 	 */
 	this.to = new Vector2();
+
+	/**
+	 * Color of the line.
+	 */
+	this.color = "#000000";
 }
 
 ConnectionLine.prototype = Object.create(Object2D.prototype);
 
 ConnectionLine.prototype.draw = function(context)
 {
-	//TODO
+	context.lineWidth = 2;
+	context.strokeStyle = this.color;
+
+	context.beginPath();
+	context.moveTo(this.from.x, this.from.y);
+	context.lineTo(this.to.x, this.to.y);
+	context.stroke();
 };