6 years ago · 50d78c8e94
--- a/build/trenette.js
+++ b/build/trenette.js
@@ -2909,6 +2909,11 @@
 
				 
			
 
				 	BezierCurve.prototype = Object.create(Object2D.prototype);
			
 
				 
			
 
				+	/**
			
 
				+	 * Create a bezier curve helper, to edit the bezier curve anchor points.
			
 
				+	 *
			
 
				+	 * @static
			
 
				+	 */
			
 
				 	BezierCurve.curveHelper = function(object)
			
 
				 	{
			
 
				 		var fromCp = new Circle();
			
--- a/build/trenette.module.js
+++ b/build/trenette.module.js
@@ -2903,6 +2903,11 @@ function BezierCurve()
 
				 
			
 
				 BezierCurve.prototype = Object.create(Object2D.prototype);
			
 
				 
			
 
				+/**
			
 
				+ * Create a bezier curve helper, to edit the bezier curve anchor points.
			
 
				+ *
			
 
				+ * @static
			
 
				+ */
			
 
				 BezierCurve.curveHelper = function(object)
			
 
				 {
			
 
				 	var fromCp = new Circle();
			
--- a/docs/BezierCurve.html
+++ b/docs/BezierCurve.html
@@ -0,0 +1,704 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <title>JSDoc: Class: BezierCurve</title>
			
 
				+
			
 
				+    <script src="scripts/prettify/prettify.js"> </script>
			
 
				+    <script src="scripts/prettify/lang-css.js"> </script>
			
 
				+    <!--[if lt IE 9]>
			
 
				+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			
 
				+    <![endif]-->
			
 
				+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
			
 
				+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+
			
 
				+<div id="main">
			
 
				+
			
 
				+    <h1 class="page-title">Class: BezierCurve</h1>
			
 
				+
			
 
				+    
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<section>
			
 
				+
			
 
				+<header>
			
 
				+    
			
 
				+        <h2><span class="attribs"><span class="type-signature"></span></span>BezierCurve<span class="signature">()</span><span class="type-signature"></span></h2>
			
 
				+        
			
 
				+    
			
 
				+</header>
			
 
				+
			
 
				+<article>
			
 
				+    <div class="container-overview">
			
 
				+    
			
 
				+        
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <h4 class="name" id="BezierCurve"><span class="type-signature"></span>new BezierCurve<span class="signature">()</span><span class="type-signature"></span></h4>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    BezierCurve object draw as bezier curve between two points.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line13">line 13</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+    
			
 
				+    </div>
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+        <h3 class="subsection-title">Members</h3>
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="dashPattern"><span class="type-signature"></span>dashPattern<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Dash line pattern to be used, is empty draws a solid line.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line49">line 49</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="from"><span class="type-signature"></span>from<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Initial point of the curve.
			
 
				+
			
 
				+Can be equal to the position object of another object. (Making it automatically follow that object.)
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line22">line 22</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="fromCp"><span class="type-signature"></span>fromCp<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Intial position control point, indicates the tangent of the bezier curve on the first point.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line27">line 27</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="lineWidth"><span class="type-signature"></span>lineWidth<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    BezierCurve width.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line54">line 54</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="strokeStyle"><span class="type-signature"></span>strokeStyle<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Color of the line.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line44">line 44</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="to"><span class="type-signature"></span>to<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Final point of the curve.
			
 
				+
			
 
				+Can be equal to the position object of another object. (Making it automatically follow that object.)
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line34">line 34</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="toCp"><span class="type-signature"></span>toCp<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Final position control point, indicates the tangent of the bezier curve on the last point.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line39">line 39</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+        <h3 class="subsection-title">Methods</h3>
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <h4 class="name" id=".curveHelper"><span class="type-signature">(static) </span>curveHelper<span class="signature">()</span><span class="type-signature"></span></h4>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Create a bezier curve helper, to edit the bezier curve anchor points.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_BezierCurve.js.html">objects/BezierCurve.js</a>, <a href="objects_BezierCurve.js.html#line64">line 64</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</article>
			
 
				+
			
 
				+</section>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+</div>
			
 
				+
			
 
				+<nav>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+</nav>
			
 
				+
			
 
				+<br class="clear">
			
 
				+
			
 
				+<footer>
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				+</footer>
			
 
				+
			
 
				+<script> prettyPrint(); </script>
			
 
				+<script src="scripts/linenumber.js"> </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/docs/Box.html
+++ b/docs/Box.html
@@ -187,7 +187,7 @@
 
				     
			
 
				     <dt class="tag-source">Source:</dt>
			
 
				     <dd class="tag-source"><ul class="dummy"><li>
			
 
				-        <a href="objects_Box.js.html">objects/Box.js</a>, <a href="objects_Box.js.html#line23">line 23</a>
			
 
				+        <a href="objects_Box.js.html">objects/Box.js</a>, <a href="objects_Box.js.html#line21">line 21</a>
			
 
				     </li></ul></dd>
			
 
				     
			
 
				 
			
@@ -249,7 +249,69 @@
 
				     
			
 
				     <dt class="tag-source">Source:</dt>
			
 
				     <dd class="tag-source"><ul class="dummy"><li>
			
 
				-        <a href="objects_Box.js.html">objects/Box.js</a>, <a href="objects_Box.js.html#line33">line 33</a>
			
 
				+        <a href="objects_Box.js.html">objects/Box.js</a>, <a href="objects_Box.js.html#line36">line 36</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="lineWidth"><span class="type-signature"></span>lineWidth<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Line width.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Box.js.html">objects/Box.js</a>, <a href="objects_Box.js.html#line31">line 31</a>
			
 
				     </li></ul></dd>
			
 
				     
			
 
				 
			
@@ -311,7 +373,7 @@
 
				     
			
 
				     <dt class="tag-source">Source:</dt>
			
 
				     <dd class="tag-source"><ul class="dummy"><li>
			
 
				-        <a href="objects_Box.js.html">objects/Box.js</a>, <a href="objects_Box.js.html#line28">line 28</a>
			
 
				+        <a href="objects_Box.js.html">objects/Box.js</a>, <a href="objects_Box.js.html#line26">line 26</a>
			
 
				     </li></ul></dd>
			
 
				     
			
 
				 
			
@@ -345,13 +407,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Box2.html
+++ b/docs/Box2.html
@@ -49,7 +49,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Box is described by a minimum and maximum points.

Can be used for collision detection with points and other boxes.
			
 
				+    Box is described by a minimum and maximum points.
			
 
				+
			
 
				+Can be used for collision detection with points and other boxes.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -245,7 +247,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Check if the box fully contains another box inside (different from intersects box).

Only returns true if the box is fully contained.
			
 
				+    Check if the box fully contains another box inside (different from intersects box).
			
 
				+
			
 
				+Only returns true if the box is fully contained.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1123,7 +1127,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Expand the box by adding a border with the vector size.

Vector is subtracted from min and added to the max points.
			
 
				+    Expand the box by adding a border with the vector size.
			
 
				+
			
 
				+Vector is subtracted from min and added to the max points.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1387,7 +1393,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Make a intersection between this box and another box.

Store the result in this object.
			
 
				+    Make a intersection between this box and another box.
			
 
				+
			
 
				+Store the result in this object.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1683,7 +1691,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Check if the box is empty (size equals zero or is negative).

The box size is condireded valid on two negative axis.
			
 
				+    Check if the box is empty (size equals zero or is negative).
			
 
				+
			
 
				+The box size is condireded valid on two negative axis.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -2172,7 +2182,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Make a union between this box and another box.

Store the result in this object.
			
 
				+    Make a union between this box and another box.
			
 
				+
			
 
				+Store the result in this object.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -2311,13 +2323,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/BoxMask.html
+++ b/docs/BoxMask.html
@@ -49,7 +49,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Box mask can be used to clear a box mask region.

It will limit the drwaing region to this box.
			
 
				+    Box mask can be used to clear a box mask region.
			
 
				+
			
 
				+It will limit the drwaing region to this box.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -486,13 +488,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Circle.html
+++ b/docs/Circle.html
@@ -179,6 +179,68 @@
 
				     
			
 
				 
			
 
				     
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Circle.js.html">objects/Circle.js</a>, <a href="objects_Circle.js.html#line33">line 33</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="lineWidth"><span class="type-signature"></span>lineWidth<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Line width.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				 
			
 
				     
			
 
				 
			
@@ -345,13 +407,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/DOM.html
+++ b/docs/DOM.html
@@ -49,7 +49,11 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    A DOM object transformed using CSS3D to ver included in the graph.

DOM objects always stay on top of everything else, mouse events are not supported for these.

Use the normal DOM events for interaction.
			
 
				+    A DOM object transformed using CSS3D to ver included in the graph.
			
 
				+
			
 
				+DOM objects always stay on top of everything else, mouse events are not supported for these.
			
 
				+
			
 
				+Use the normal DOM events for interaction.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -211,7 +215,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    DOM element contained by this object.

Bye default it has the pointerEvents style set to none.
			
 
				+    DOM element contained by this object.
			
 
				+
			
 
				+Bye default it has the pointerEvents style set to none.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -407,13 +413,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/EventManager.html
+++ b/docs/EventManager.html
@@ -49,7 +49,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    EventManager is used to manager DOM events creationg and destruction in a single function call.

It is used by objects to make it easier to add and remove events from global DOM objects.
			
 
				+    EventManager is used to manager DOM events creationg and destruction in a single function call.
			
 
				+
			
 
				+It is used by objects to make it easier to add and remove events from global DOM objects.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -149,7 +151,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Stores all events in the manager, their target and callback.

Format [target, event, callback, active]
			
 
				+    Stores all events in the manager, their target and callback.
			
 
				+
			
 
				+Format [target, event, callback, active]
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -682,13 +686,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/EventManager.js.html
+++ b/docs/EventManager.js.html
@@ -105,13 +105,13 @@ export {EventManager};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Graph.html
+++ b/docs/Graph.html
@@ -0,0 +1,612 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <title>JSDoc: Class: Graph</title>
			
 
				+
			
 
				+    <script src="scripts/prettify/prettify.js"> </script>
			
 
				+    <script src="scripts/prettify/lang-css.js"> </script>
			
 
				+    <!--[if lt IE 9]>
			
 
				+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			
 
				+    <![endif]-->
			
 
				+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
			
 
				+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+
			
 
				+<div id="main">
			
 
				+
			
 
				+    <h1 class="page-title">Class: Graph</h1>
			
 
				+
			
 
				+    
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<section>
			
 
				+
			
 
				+<header>
			
 
				+    
			
 
				+        <h2><span class="attribs"><span class="type-signature"></span></span>Graph<span class="signature">()</span><span class="type-signature"></span></h2>
			
 
				+        
			
 
				+    
			
 
				+</header>
			
 
				+
			
 
				+<article>
			
 
				+    <div class="container-overview">
			
 
				+    
			
 
				+        
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <h4 class="name" id="Graph"><span class="type-signature"></span>new Graph<span class="signature">()</span><span class="type-signature"></span></h4>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Graph object is used to draw simple graph data into the canvas.
			
 
				+
			
 
				+Graph data is composed of X, Y values.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Graph.js.html">objects/Graph.js</a>, <a href="objects_Graph.js.html#line16">line 16</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+    
			
 
				+    </div>
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+        <h3 class="subsection-title">Members</h3>
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="box"><span class="type-signature"></span>box<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Graph object containing the size of the object.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Graph.js.html">objects/Graph.js</a>, <a href="objects_Graph.js.html#line23">line 23</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="data"><span class="type-signature"></span>data<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Data to be presented in the graph.
			
 
				+
			
 
				+The array should store numeric values.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Graph.js.html">objects/Graph.js</a>, <a href="objects_Graph.js.html#line55">line 55</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="fillStyle"><span class="type-signature"></span>fillStyle<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Background color of the box.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Graph.js.html">objects/Graph.js</a>, <a href="objects_Graph.js.html#line38">line 38</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="lineWidth"><span class="type-signature"></span>lineWidth<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Line width.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Graph.js.html">objects/Graph.js</a>, <a href="objects_Graph.js.html#line33">line 33</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="max"><span class="type-signature"></span>max<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Maximum value of the graph.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Graph.js.html">objects/Graph.js</a>, <a href="objects_Graph.js.html#line48">line 48</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="min"><span class="type-signature"></span>min<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Minimum value of the graph.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Graph.js.html">objects/Graph.js</a>, <a href="objects_Graph.js.html#line43">line 43</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+            
			
 
				+<h4 class="name" id="strokeStyle"><span class="type-signature"></span>strokeStyle<span class="type-signature"></span></h4>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<div class="description">
			
 
				+    Color of the box border line.
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+<dl class="details">
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+    <dt class="tag-source">Source:</dt>
			
 
				+    <dd class="tag-source"><ul class="dummy"><li>
			
 
				+        <a href="objects_Graph.js.html">objects/Graph.js</a>, <a href="objects_Graph.js.html#line28">line 28</a>
			
 
				+    </li></ul></dd>
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</dl>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+        
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+
			
 
				+    
			
 
				+</article>
			
 
				+
			
 
				+</section>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+</div>
			
 
				+
			
 
				+<nav>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+</nav>
			
 
				+
			
 
				+<br class="clear">
			
 
				+
			
 
				+<footer>
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				+</footer>
			
 
				+
			
 
				+<script> prettyPrint(); </script>
			
 
				+<script src="scripts/linenumber.js"> </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/docs/Helpers.html
+++ b/docs/Helpers.html
@@ -157,7 +157,11 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Create a box resize helper and attach it to an object to change the size of the object box.

Each helper is positioned on one corner of the box, and the value of the corner is copied to the boxes as they are dragged.

This method required to object to have a box property.
			
 
				+    Create a box resize helper and attach it to an object to change the size of the object box.
			
 
				+
			
 
				+Each helper is positioned on one corner of the box, and the value of the corner is copied to the boxes as they are dragged.
			
 
				+
			
 
				+This method required to object to have a box property.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -245,7 +249,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Create a rotation tool helper.

When the object is dragged is changes the parent object rotation.
			
 
				+    Create a rotation tool helper.
			
 
				+
			
 
				+When the object is dragged is changes the parent object rotation.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -335,13 +341,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Image.html
+++ b/docs/Image.html
@@ -346,7 +346,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Set the image of the object.

Automatically sets the box size to match the image.
			
 
				+    Set the image of the object.
			
 
				+
			
 
				+Automatically sets the box size to match the image.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -485,13 +487,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Key.html
+++ b/docs/Key.html
@@ -613,13 +613,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Line.html
+++ b/docs/Line.html
@@ -211,7 +211,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Initial point of the line.

Can be equal to the position object of another object. (Making it automatically follow that object.)
			
 
				+    Initial point of the line.
			
 
				+
			
 
				+Can be equal to the position object of another object. (Making it automatically follow that object.)
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -397,7 +399,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Final point of the line.

Can be equal to the position object of another object. (Making it automatically follow that object.)
			
 
				+    Final point of the line.
			
 
				+
			
 
				+Can be equal to the position object of another object. (Making it automatically follow that object.)
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -469,13 +473,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Mask.html
+++ b/docs/Mask.html
@@ -49,7 +49,11 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    A mask can be used to set the drawing region.

Masks are treated as objects their shape is used to filter other objects shape.

Multiple mask objects can be active simulatenously, they have to be attached to the object mask list to filter the render region.
			
 
				+    A mask can be used to set the drawing region.
			
 
				+
			
 
				+Masks are treated as objects their shape is used to filter other objects shape.
			
 
				+
			
 
				+Multiple mask objects can be active simulatenously, they have to be attached to the object mask list to filter the render region.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -342,13 +346,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Matrix.html
+++ b/docs/Matrix.html
@@ -1875,13 +1875,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Object2D.html
+++ b/docs/Object2D.html
@@ -273,7 +273,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Indicates if its possible to drag the object around.

If true the onPointerDrag callback is used to update the state of the object.
			
 
				+    Indicates if its possible to drag the object around.
			
 
				+
			
 
				+If true the onPointerDrag callback is used to update the state of the object.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -335,7 +337,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Global transformation matrix multiplied by the parent matrix.

Used to transform the object before projecting into screen coordinates.
			
 
				+    Global transformation matrix multiplied by the parent matrix.
			
 
				+
			
 
				+Used to transform the object before projecting into screen coordinates.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -459,7 +463,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Inverse of the global matrix.

Used to convert pointer input points into object coordinates.
			
 
				+    Inverse of the global matrix.
			
 
				+
			
 
				+Used to convert pointer input points into object coordinates.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -521,7 +527,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Layer of this object, objects are sorted by layer value.

Lower layer value is draw first.
			
 
				+    Layer of this object, objects are sorted by layer value.
			
 
				+
			
 
				+Lower layer value is draw first.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -583,7 +591,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Depth level in the object tree, objects with higher depth are drawn on top.

The layer value is considered first.
			
 
				+    Depth level in the object tree, objects with higher depth are drawn on top.
			
 
				+
			
 
				+The layer value is considered first.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -645,7 +655,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Masks being applied to this object.

Multiple masks can be used simultaneously.
			
 
				+    Masks being applied to this object.
			
 
				+
			
 
				+Multiple masks can be used simultaneously.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -831,7 +843,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Method called when the object its added to a parent.

Receives (parent) as arguments.
			
 
				+    Method called when the object its added to a parent.
			
 
				+
			
 
				+Receives (parent) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -893,7 +907,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Callback method called when the pointer button is pressed down (single time).

Receives (pointer, viewport) as arguments.
			
 
				+    Callback method called when the pointer button is pressed down (single time).
			
 
				+
			
 
				+Receives (pointer, viewport) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -931,7 +947,7 @@
 
				     
			
 
				     <dt class="tag-source">Source:</dt>
			
 
				     <dd class="tag-source"><ul class="dummy"><li>
			
 
				-        <a href="Object2D.js.html">Object2D.js</a>, <a href="Object2D.js.html#line324">line 324</a>
			
 
				+        <a href="Object2D.js.html">Object2D.js</a>, <a href="Object2D.js.html#line328">line 328</a>
			
 
				     </li></ul></dd>
			
 
				     
			
 
				 
			
@@ -955,7 +971,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Callback method called while the pointer button is pressed.

Receives (pointer, viewport) as arguments.
			
 
				+    Callback method called while the pointer button is pressed.
			
 
				+
			
 
				+Receives (pointer, viewport) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -993,7 +1011,7 @@
 
				     
			
 
				     <dt class="tag-source">Source:</dt>
			
 
				     <dd class="tag-source"><ul class="dummy"><li>
			
 
				-        <a href="Object2D.js.html">Object2D.js</a>, <a href="Object2D.js.html#line317">line 317</a>
			
 
				+        <a href="Object2D.js.html">Object2D.js</a>, <a href="Object2D.js.html#line321">line 321</a>
			
 
				     </li></ul></dd>
			
 
				     
			
 
				 
			
@@ -1017,7 +1035,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Callback method called when the pointer button is released (single time).

Receives (pointer, viewport) as arguments.
			
 
				+    Callback method called when the pointer button is released (single time).
			
 
				+
			
 
				+Receives (pointer, viewport) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1055,7 +1075,7 @@
 
				     
			
 
				     <dt class="tag-source">Source:</dt>
			
 
				     <dd class="tag-source"><ul class="dummy"><li>
			
 
				-        <a href="Object2D.js.html">Object2D.js</a>, <a href="Object2D.js.html#line331">line 331</a>
			
 
				+        <a href="Object2D.js.html">Object2D.js</a>, <a href="Object2D.js.html#line335">line 335</a>
			
 
				     </li></ul></dd>
			
 
				     
			
 
				 
			
@@ -1079,7 +1099,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Callback method called when the pointer enters the object.

Receives (pointer, viewport) as arguments.
			
 
				+    Callback method called when the pointer enters the object.
			
 
				+
			
 
				+Receives (pointer, viewport) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1141,7 +1163,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Callback method called when the was inside of the object and leaves the object.

Receives (pointer, viewport) as arguments.
			
 
				+    Callback method called when the was inside of the object and leaves the object.
			
 
				+
			
 
				+Receives (pointer, viewport) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1203,7 +1227,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Callback method while the pointer is over (inside) of the object.

Receives (pointer, viewport) as arguments.
			
 
				+    Callback method while the pointer is over (inside) of the object.
			
 
				+
			
 
				+Receives (pointer, viewport) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1265,7 +1291,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Method called when the object gets removed from its parent

Receives (parent) as arguments.
			
 
				+    Method called when the object gets removed from its parent
			
 
				+
			
 
				+Receives (parent) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1327,7 +1355,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Callback method called every time before the object is draw into the canvas.

Can be used to run preparation code, move the object, etc.
			
 
				+    Callback method called every time before the object is draw into the canvas.
			
 
				+
			
 
				+Can be used to run preparation code, move the object, etc.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1513,7 +1543,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Indicates if this object uses pointer events.

Can be set false to skip the pointer interaction events.
			
 
				+    Indicates if this object uses pointer events.
			
 
				+
			
 
				+Can be set false to skip the pointer interaction events.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -1575,7 +1607,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Flag indicating if the pointer is inside of the element.

Used to control object event.
			
 
				+    Flag indicating if the pointer is inside of the element.
			
 
				+
			
 
				+Used to control object event.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -2215,7 +2249,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Draw the object into the canvas.

Has to be implemented by underlying classes.
			
 
				+    Draw the object into the canvas.
			
 
				+
			
 
				+Has to be implemented by underlying classes.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -2486,7 +2522,13 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Callback method while the object is being dragged across the screen.

Receives (pointer, viewport, delta) as arguments. Delta is the movement of the pointer already translated into local object coordinates.
			
 
				+    Callback method while the object is being dragged across the screen.
			
 
				+
			
 
				+By default is adds the delta value to the object position (making it follow the mouse movement).
			
 
				+
			
 
				+Delta is the movement of the pointer already translated into local object coordinates.
			
 
				+
			
 
				+Receives (pointer, viewport, delta) as arguments.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -2530,7 +2572,7 @@
 
				     
			
 
				     <dt class="tag-source">Source:</dt>
			
 
				     <dd class="tag-source"><ul class="dummy"><li>
			
 
				-        <a href="Object2D.js.html">Object2D.js</a>, <a href="Object2D.js.html#line307">line 307</a>
			
 
				+        <a href="Object2D.js.html">Object2D.js</a>, <a href="Object2D.js.html#line311">line 311</a>
			
 
				     </li></ul></dd>
			
 
				     
			
 
				 
			
@@ -2706,7 +2748,11 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Apply the transform to the rendering context.

It is assumed that the viewport transform is pre-applied to the context.

Can also be used for pre rendering logic.
			
 
				+    Apply the transform to the rendering context.
			
 
				+
			
 
				+It is assumed that the viewport transform is pre-applied to the context.
			
 
				+
			
 
				+Can also be used for pre rendering logic.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -3088,13 +3134,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Object2D.js.html
+++ b/docs/Object2D.js.html
@@ -330,7 +330,11 @@ Object2D.prototype.onPointerOver = null;
 
				 /**
			
 
				  * Callback method while the object is being dragged across the screen.
			
 
				  *
			
 
				- * Receives (pointer, viewport, delta) as arguments. Delta is the movement of the pointer already translated into local object coordinates.
			
 
				+ * By default is adds the delta value to the object position (making it follow the mouse movement).
			
 
				+ *
			
 
				+ * Delta is the movement of the pointer already translated into local object coordinates.
			
 
				+ *
			
 
				+ * Receives (pointer, viewport, delta) as arguments.
			
 
				  */
			
 
				 Object2D.prototype.onPointerDrag = function(pointer, viewport, delta)
			
 
				 {
			
@@ -369,13 +373,13 @@ export {Object2D};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Pattern.html
+++ b/docs/Pattern.html
@@ -49,7 +49,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Pattern object draw a image repeated as a pattern.

Its similar to the Image class but the image can be repeat infinitly.
			
 
				+    Pattern object draw a image repeated as a pattern.
			
 
				+
			
 
				+Its similar to the Image class but the image can be repeat infinitly.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -347,7 +349,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Set the image of the object.

Automatically sets the box size to match the image.
			
 
				+    Set the image of the object.
			
 
				+
			
 
				+Automatically sets the box size to match the image.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -437,13 +441,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Pointer.html
+++ b/docs/Pointer.html
@@ -49,7 +49,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Pointer instance for input in sync with the running 3D application.

The pointer object provided by scripts is automatically updated by the runtime handler.
			
 
				+    Pointer instance for input in sync with the running 3D application.
			
 
				+
			
 
				+The pointer object provided by scripts is automatically updated by the runtime handler.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -779,7 +781,11 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Event manager responsible for updating the raw data variables.

Diferent events are used depending on the host platform.

When the update method is called the raw data is reset.
			
 
				+    Event manager responsible for updating the raw data variables.
			
 
				+
			
 
				+Diferent events are used depending on the host platform.
			
 
				+
			
 
				+When the update method is called the raw data is reset.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -2186,7 +2192,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Update a pointer button.

Automatically called by the runtime.
			
 
				+    Update a pointer button.
			
 
				+
			
 
				+Automatically called by the runtime.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -2346,7 +2354,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Update pointer position.

Automatically called by the runtime.
			
 
				+    Update pointer position.
			
 
				+
			
 
				+Automatically called by the runtime.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -2554,13 +2564,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Renderer.html
+++ b/docs/Renderer.html
@@ -49,7 +49,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    The renderer is resposible for drawing the structure into the canvas element.

Its also resposible for managing the canvas state.
			
 
				+    The renderer is resposible for drawing the structure into the canvas element.
			
 
				+
			
 
				+Its also resposible for managing the canvas state.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -409,7 +411,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Creates a infinite render loop to render the group into a viewport each frame.

The render loop cannot be destroyed.
			
 
				+    Creates a infinite render loop to render the group into a viewport each frame.
			
 
				+
			
 
				+The render loop cannot be destroyed.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -592,7 +596,13 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Update the renderer state, update the input handlers, calculate the object and viewport transformation matrices.

Render the object using the viewport into a canvas element.

The canvas state is saved and restored for each individual object, ensuring that the code of one object does not affect another one.

Should be called at a fixed rate preferably using the requestAnimationFrame() method, its also possible to use the createRenderLoop() method, that automatically creates a infinite render loop.
			
 
				+    Update the renderer state, update the input handlers, calculate the object and viewport transformation matrices.
			
 
				+
			
 
				+Render the object using the viewport into a canvas element.
			
 
				+
			
 
				+The canvas state is saved and restored for each individual object, ensuring that the code of one object does not affect another one.
			
 
				+
			
 
				+Should be called at a fixed rate preferably using the requestAnimationFrame() method, its also possible to use the createRenderLoop() method, that automatically creates a infinite render loop.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -744,13 +754,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Renderer.js.html
+++ b/docs/Renderer.js.html
@@ -324,13 +324,13 @@ export {Renderer};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Text.html
+++ b/docs/Text.html
@@ -407,13 +407,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/UUID.html
+++ b/docs/UUID.html
@@ -149,7 +149,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Generate new random UUID v4 as string.

http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136
			
 
				+    Generate new random UUID v4 as string.
			
 
				+
			
 
				+http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -221,13 +223,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Vector2.html
+++ b/docs/Vector2.html
--- a/docs/Viewport.html
+++ b/docs/Viewport.html
@@ -335,7 +335,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Flag to indicate if the viewport should move when scalling.

For some application its easier to focus the target if the viewport moves to the pointer location while scalling.
			
 
				+    Flag to indicate if the viewport should move when scalling.
			
 
				+
			
 
				+For some application its easier to focus the target if the viewport moves to the pointer location while scalling.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -521,7 +523,9 @@
 
				 
			
 
				 
			
 
				 <div class="description">
			
 
				-    Value of the initial point of rotation if the viewport is being rotated.

Is set to null when the viewport is not being rotated.
			
 
				+    Value of the initial point of rotation if the viewport is being rotated.
			
 
				+
			
 
				+Is set to null when the viewport is not being rotated.
			
 
				 </div>
			
 
				 
			
 
				 
			
@@ -897,13 +901,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/Viewport.js.html
+++ b/docs/Viewport.js.html
@@ -147,13 +147,13 @@ export {Viewport};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/index.html
+++ b/docs/index.html
@@ -50,13 +50,13 @@
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/input_Key.js.html
+++ b/docs/input_Key.js.html
@@ -120,13 +120,13 @@ export {Key};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/input_Pointer.js.html
+++ b/docs/input_Pointer.js.html
@@ -437,13 +437,13 @@ export {Pointer};</code></pre>
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/math_Box2.js.html
+++ b/docs/math_Box2.js.html
@@ -291,13 +291,13 @@ export {Box2};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/math_Matrix.js.html
+++ b/docs/math_Matrix.js.html
@@ -265,13 +265,13 @@ export {Matrix};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/math_UUID.js.html
+++ b/docs/math_UUID.js.html
@@ -77,13 +77,13 @@ export {UUID};</code></pre>
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/math_Vector2.js.html
+++ b/docs/math_Vector2.js.html
@@ -93,50 +93,75 @@ Vector2.prototype.add = function(v)
 
				 	this.y += v.y;
			
 
				 };
			
 
				 
			
 
				+/**
			
 
				+ * Add a scalar value to booth vector components.
			
 
				+ *
			
 
				+ * @param {number} s
			
 
				+ */
			
 
				 Vector2.prototype.addScalar = function(s)
			
 
				 {
			
 
				 	this.x += s;
			
 
				 	this.y += s;
			
 
				 };
			
 
				 
			
 
				+/** 
			
 
				+ * Add two vectors and store the result in this vector.
			
 
				+ *
			
 
				+ * @param {Vector2} a
			
 
				+ * @param {Vector2} b
			
 
				+ */
			
 
				 Vector2.prototype.addVectors = function(a, b)
			
 
				 {
			
 
				 	this.x = a.x + b.x;
			
 
				 	this.y = a.y + b.y;
			
 
				 };
			
 
				 
			
 
				+/**
			
 
				+ * Scale a vector components and add the result to this vector.
			
 
				+ *
			
 
				+ * @param {Vector2} v
			
 
				+ * @param {number} s
			
 
				+ */
			
 
				 Vector2.prototype.addScaledVector = function(v, s)
			
 
				 {
			
 
				 	this.x += v.x * s;
			
 
				 	this.y += v.y * s;
			
 
				 };
			
 
				 
			
 
				-
			
 
				 /**
			
 
				  * Subtract the content of another vector to this one.
			
 
				  *
			
 
				  * @param {Vector2} v
			
 
				  */
			
 
				-
			
 
				 Vector2.prototype.sub = function(v)
			
 
				 {
			
 
				 	this.x -= v.x;
			
 
				 	this.y -= v.y;
			
 
				 };
			
 
				 
			
 
				+/**
			
 
				+ * Subtract a scalar value to booth vector components.
			
 
				+ *
			
 
				+ * @param {number} s
			
 
				+ */
			
 
				 Vector2.prototype.subScalar = function(s)
			
 
				 {
			
 
				 	this.x -= s;
			
 
				 	this.y -= s;
			
 
				 };
			
 
				 
			
 
				+/** 
			
 
				+ * Subtract two vectors and store the result in this vector.
			
 
				+ *
			
 
				+ * @param {Vector2} a
			
 
				+ * @param {Vector2} b
			
 
				+ */
			
 
				 Vector2.prototype.subVectors = function(a, b)
			
 
				 {
			
 
				 	this.x = a.x - b.x;
			
 
				 	this.y = a.y - b.y;
			
 
				 };
			
 
				 
			
 
				-
			
 
				 /**
			
 
				  * Multiply the content of another vector to this one.
			
 
				  *
			
@@ -148,6 +173,11 @@ Vector2.prototype.multiply = function(v)
 
				 	this.y *= v.y;
			
 
				 };
			
 
				 
			
 
				+/**
			
 
				+ * Multiply a scalar value by booth vector components.
			
 
				+ *
			
 
				+ * @param {number} s
			
 
				+ */
			
 
				 Vector2.prototype.multiplyScalar = function(scalar)
			
 
				 {
			
 
				 	this.x *= scalar;
			
@@ -166,6 +196,11 @@ Vector2.prototype.divide = function(v)
 
				 	this.y /= v.y;
			
 
				 };
			
 
				 
			
 
				+/**
			
 
				+ * Divide a scalar value by booth vector components.
			
 
				+ *
			
 
				+ * @param {number} s
			
 
				+ */
			
 
				 Vector2.prototype.divideScalar = function(scalar)
			
 
				 {
			
 
				 	return this.multiplyScalar(1 / scalar);
			
@@ -338,6 +373,12 @@ Vector2.prototype.equals = function(v)
 
				 	return ((v.x === this.x) &amp;&amp; (v.y === this.y));
			
 
				 };
			
 
				 
			
 
				+/**
			
 
				+ * Set vector value from array with a offset.
			
 
				+ *
			
 
				+ * @param {array} array
			
 
				+ * @param {number} [offset]
			
 
				+ */
			
 
				 Vector2.prototype.fromArray = function(array, offset)
			
 
				 {
			
 
				 	if(offset === undefined) offset = 0;
			
@@ -346,6 +387,12 @@ Vector2.prototype.fromArray = function(array, offset)
 
				 	this.y = array[offset + 1];
			
 
				 };
			
 
				 
			
 
				+/**
			
 
				+ * Convert this vector to an array.
			
 
				+ *
			
 
				+ * @param {array} array
			
 
				+ * @param {number} [offset]
			
 
				+ */
			
 
				 Vector2.prototype.toArray = function(array, offset)
			
 
				 {
			
 
				 	if(array === undefined) array = [];
			
@@ -386,13 +433,13 @@ export {Vector2};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_BezierCurve.js.html
+++ b/docs/objects_BezierCurve.js.html
@@ -0,0 +1,163 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <title>JSDoc: Source: objects/BezierCurve.js</title>
			
 
				+
			
 
				+    <script src="scripts/prettify/prettify.js"> </script>
			
 
				+    <script src="scripts/prettify/lang-css.js"> </script>
			
 
				+    <!--[if lt IE 9]>
			
 
				+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			
 
				+    <![endif]-->
			
 
				+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
			
 
				+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+
			
 
				+<div id="main">
			
 
				+
			
 
				+    <h1 class="page-title">Source: objects/BezierCurve.js</h1>
			
 
				+
			
 
				+    
			
 
				+
			
 
				+
			
 
				+
			
 
				+    
			
 
				+    <section>
			
 
				+        <article>
			
 
				+            <pre class="prettyprint source linenums"><code>"use strict";
			
 
				+
			
 
				+import {Object2D} from "../Object2D.js";
			
 
				+import {Vector2} from "../math/Vector2.js";
			
 
				+import {Circle} from "./Circle.js";
			
 
				+import {Line} from "./Line.js";
			
 
				+
			
 
				+/**
			
 
				+ * BezierCurve object draw as bezier curve between two points.
			
 
				+ *
			
 
				+ * @class
			
 
				+ */
			
 
				+function BezierCurve()
			
 
				+{
			
 
				+	Object2D.call(this);
			
 
				+
			
 
				+	/**
			
 
				+	 * Initial point of the curve.
			
 
				+	 *
			
 
				+	 * Can be equal to the position object of another object. (Making it automatically follow that object.)
			
 
				+	 */
			
 
				+	this.from = new Vector2();
			
 
				+
			
 
				+	/**
			
 
				+	 * Intial position control point, indicates the tangent of the bezier curve on the first point.
			
 
				+	 */
			
 
				+	this.fromCp = new Vector2();
			
 
				+
			
 
				+	/**
			
 
				+	 * Final point of the curve.
			
 
				+	 *
			
 
				+	 * Can be equal to the position object of another object. (Making it automatically follow that object.)
			
 
				+	 */
			
 
				+	this.to = new Vector2();
			
 
				+
			
 
				+	/**
			
 
				+	 * Final position control point, indicates the tangent of the bezier curve on the last point.
			
 
				+	 */
			
 
				+	this.toCp = new Vector2();
			
 
				+
			
 
				+	/**
			
 
				+	 * Color of the line.
			
 
				+	 */
			
 
				+	this.strokeStyle = "#000000";
			
 
				+
			
 
				+	/**
			
 
				+	 * Dash line pattern to be used, is empty draws a solid line.
			
 
				+	 */
			
 
				+	this.dashPattern = [5, 5];
			
 
				+
			
 
				+	/**
			
 
				+	 * BezierCurve width.
			
 
				+	 */
			
 
				+	this.lineWidth = 1;
			
 
				+}
			
 
				+
			
 
				+BezierCurve.prototype = Object.create(Object2D.prototype);
			
 
				+
			
 
				+/**
			
 
				+ * Create a bezier curve helper, to edit the bezier curve anchor points.
			
 
				+ *
			
 
				+ * @static
			
 
				+ */
			
 
				+BezierCurve.curveHelper = function(object)
			
 
				+{
			
 
				+	var fromCp = new Circle();
			
 
				+	fromCp.radius = 3;
			
 
				+	fromCp.layer = object.layer + 1;
			
 
				+	fromCp.draggable = true;
			
 
				+	fromCp.onPointerDrag = function(pointer, viewport, delta)
			
 
				+	{
			
 
				+		Object2D.prototype.onPointerDrag.call(this, pointer, viewport, delta);
			
 
				+		object.fromCp.copy(fromCp.position);
			
 
				+	};
			
 
				+	object.parent.add(fromCp);
			
 
				+
			
 
				+	var fromLine = new Line();
			
 
				+	fromLine.from = object.from;
			
 
				+	fromLine.to = object.fromCp;
			
 
				+	object.parent.add(fromLine);
			
 
				+
			
 
				+
			
 
				+	var toCp = new Circle();
			
 
				+	toCp.radius = 3;
			
 
				+	toCp.layer = object.layer + 1;
			
 
				+	toCp.draggable = true;
			
 
				+	toCp.onPointerDrag = function(pointer, viewport, delta)
			
 
				+	{
			
 
				+		Object2D.prototype.onPointerDrag.call(this, pointer, viewport, delta);
			
 
				+		object.toCp.copy(toCp.position);
			
 
				+	};
			
 
				+	object.parent.add(toCp);
			
 
				+
			
 
				+	var toLine = new Line();
			
 
				+	toLine.from = object.to;
			
 
				+	toLine.to = object.toCp;
			
 
				+	object.parent.add(toLine);
			
 
				+};
			
 
				+
			
 
				+BezierCurve.prototype.draw = function(context, viewport, canvas)
			
 
				+{
			
 
				+	context.lineWidth = this.lineWidth;
			
 
				+	context.strokeStyle = this.strokeStyle;
			
 
				+	context.setLineDash(this.dashPattern);
			
 
				+	
			
 
				+	context.beginPath();
			
 
				+	context.moveTo(this.from.x, this.from.y);
			
 
				+	context.bezierCurveTo(this.fromCp.x, this.fromCp.y, this.toCp.x, this.toCp.y, this.to.x, this.to.y);
			
 
				+	context.stroke();
			
 
				+};
			
 
				+
			
 
				+export {BezierCurve};
			
 
				+</code></pre>
			
 
				+        </article>
			
 
				+    </section>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+</div>
			
 
				+
			
 
				+<nav>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+</nav>
			
 
				+
			
 
				+<br class="clear">
			
 
				+
			
 
				+<footer>
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				+</footer>
			
 
				+
			
 
				+<script> prettyPrint(); </script>
			
 
				+<script src="scripts/linenumber.js"> </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/docs/objects_Box.js.html
+++ b/docs/objects_Box.js.html
@@ -43,8 +43,6 @@ function Box()
 
				 {
			
 
				 	Object2D.call(this);
			
 
				 
			
 
				-	var self = this;
			
 
				-
			
 
				 	/**
			
 
				 	 * Box object containing the size of the object.
			
 
				 	 */
			
@@ -55,6 +53,11 @@ function Box()
 
				 	 */
			
 
				 	this.strokeStyle = "#000000";
			
 
				 
			
 
				+	/**
			
 
				+	 * Line width.
			
 
				+	 */
			
 
				+	this.lineWidth = 1;
			
 
				+
			
 
				 	/**
			
 
				 	 * Background color of the box.
			
 
				 	 */
			
@@ -86,7 +89,7 @@ Box.prototype.draw = function(context, viewport, canvas)
 
				 	context.fillStyle = this.fillStyle;
			
 
				 	context.fillRect(this.box.min.x, this.box.min.y, width, height);
			
 
				 
			
 
				-	context.lineWidth = 1;
			
 
				+	context.lineWidth = this.lineWidth;
			
 
				 	context.strokeStyle = this.strokeStyle;
			
 
				 	context.strokeRect(this.box.min.x, this.box.min.y, width, height);
			
 
				 };
			
@@ -102,13 +105,13 @@ export {Box};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_Circle.js.html
+++ b/docs/objects_Circle.js.html
@@ -50,6 +50,11 @@ function Circle()
 
				 	 */
			
 
				 	this.strokeStyle = "#000000";
			
 
				 
			
 
				+	/**
			
 
				+	 * Line width.
			
 
				+	 */
			
 
				+	this.lineWidth = 1;
			
 
				+
			
 
				 	/**
			
 
				 	 * Background color of the circle.
			
 
				 	 */
			
@@ -81,7 +86,7 @@ Circle.prototype.draw = function(context, viewport, canvas)
 
				 	context.fillStyle = this.fillStyle;
			
 
				 	context.fill();
			
 
				 
			
 
				-	context.lineWidth = 1;
			
 
				+	context.lineWidth = this.lineWidth;
			
 
				 	context.strokeStyle = this.strokeStyle;
			
 
				 	context.stroke();
			
 
				 };
			
@@ -96,13 +101,13 @@ export {Circle};</code></pre>
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_DOM.js.html
+++ b/docs/objects_DOM.js.html
@@ -108,13 +108,13 @@ export {DOM};</code></pre>
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_Graph.js.html
+++ b/docs/objects_Graph.js.html
@@ -0,0 +1,152 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <title>JSDoc: Source: objects/Graph.js</title>
			
 
				+
			
 
				+    <script src="scripts/prettify/prettify.js"> </script>
			
 
				+    <script src="scripts/prettify/lang-css.js"> </script>
			
 
				+    <!--[if lt IE 9]>
			
 
				+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			
 
				+    <![endif]-->
			
 
				+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
			
 
				+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+
			
 
				+<div id="main">
			
 
				+
			
 
				+    <h1 class="page-title">Source: objects/Graph.js</h1>
			
 
				+
			
 
				+    
			
 
				+
			
 
				+
			
 
				+
			
 
				+    
			
 
				+    <section>
			
 
				+        <article>
			
 
				+            <pre class="prettyprint source linenums"><code>"use strict";
			
 
				+
			
 
				+import {Object2D} from "../Object2D.js";
			
 
				+import {Vector2} from "../math/Vector2.js";
			
 
				+import {Box2} from "../math/Box2.js";
			
 
				+import {Helpers} from "../utils/Helpers.js";
			
 
				+import {Circle} from "./Circle.js";
			
 
				+
			
 
				+/**
			
 
				+ * Graph object is used to draw simple graph data into the canvas.
			
 
				+ *
			
 
				+ * Graph data is composed of X, Y values.
			
 
				+ *
			
 
				+ * @class
			
 
				+ */
			
 
				+function Graph()
			
 
				+{
			
 
				+	Object2D.call(this);
			
 
				+
			
 
				+	/**
			
 
				+	 * Graph object containing the size of the object.
			
 
				+	 */
			
 
				+	this.box = new Box2(new Vector2(-50, -35), new Vector2(50, 35));
			
 
				+
			
 
				+	/**
			
 
				+	 * Color of the box border line.
			
 
				+	 */
			
 
				+	this.strokeStyle = "rgb(0, 153, 255)";
			
 
				+
			
 
				+	/**
			
 
				+	 * Line width.
			
 
				+	 */
			
 
				+	this.lineWidth = 1;
			
 
				+
			
 
				+	/**
			
 
				+	 * Background color of the box.
			
 
				+	 */
			
 
				+	this.fillStyle = "rgba(0, 153, 255, 0.3)";
			
 
				+
			
 
				+	/**
			
 
				+	 * Minimum value of the graph.
			
 
				+	 */
			
 
				+	this.min = 0;
			
 
				+
			
 
				+	/**
			
 
				+	 * Maximum value of the graph.
			
 
				+	 */
			
 
				+	this.max = 10;
			
 
				+
			
 
				+	/**
			
 
				+	 * Data to be presented in the graph.
			
 
				+	 *
			
 
				+	 * The array should store numeric values.
			
 
				+	 */
			
 
				+	this.data = [];
			
 
				+}
			
 
				+
			
 
				+Graph.prototype = Object.create(Object2D.prototype);
			
 
				+
			
 
				+Graph.prototype.isInside = function(point)
			
 
				+{
			
 
				+	return this.box.containsPoint(point);
			
 
				+};
			
 
				+
			
 
				+Graph.prototype.draw = function(context, viewport, canvas)
			
 
				+{
			
 
				+	if(this.data.length === 0)
			
 
				+	{
			
 
				+		return;
			
 
				+	}
			
 
				+	
			
 
				+	var width = this.box.max.x - this.box.min.x;
			
 
				+	var height = this.box.max.y - this.box.min.y;
			
 
				+
			
 
				+	context.lineWidth = this.lineWidth;
			
 
				+	context.strokeStyle = this.strokeStyle;
			
 
				+	context.beginPath();
			
 
				+		
			
 
				+	var step = width / (this.data.length - 1);
			
 
				+	var gamma = this.max - this.min;
			
 
				+
			
 
				+	context.moveTo(this.box.min.x, this.box.max.y - ((this.data[0] - this.min) / gamma) * height);
			
 
				+	
			
 
				+	for(var i = 1, s = step; i &lt; this.data.length; s += step, i++)
			
 
				+	{
			
 
				+		context.lineTo(this.box.min.x + s, this.box.max.y - ((this.data[i] - this.min) / gamma) * height);
			
 
				+	}
			
 
				+
			
 
				+	context.stroke();
			
 
				+
			
 
				+	if(this.fillStyle !== null)
			
 
				+	{
			
 
				+		context.fillStyle = this.fillStyle;
			
 
				+
			
 
				+		context.lineTo(this.box.max.x, this.box.max.y);
			
 
				+		context.lineTo(this.box.min.x, this.box.max.y);
			
 
				+		context.fill();
			
 
				+	}
			
 
				+};
			
 
				+
			
 
				+export {Graph};
			
 
				+</code></pre>
			
 
				+        </article>
			
 
				+    </section>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+</div>
			
 
				+
			
 
				+<nav>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+</nav>
			
 
				+
			
 
				+<br class="clear">
			
 
				+
			
 
				+<footer>
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				+</footer>
			
 
				+
			
 
				+<script> prettyPrint(); </script>
			
 
				+<script src="scripts/linenumber.js"> </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/docs/objects_Image.js.html
+++ b/docs/objects_Image.js.html
@@ -103,13 +103,13 @@ export {Image};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_Line.js.html
+++ b/docs/objects_Line.js.html
@@ -95,13 +95,13 @@ export {Line};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_Pattern.js.html
+++ b/docs/objects_Pattern.js.html
@@ -115,13 +115,13 @@ export {Pattern};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_Text.js.html
+++ b/docs/objects_Text.js.html
@@ -83,13 +83,13 @@ export {Text};
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_mask_BoxMask.js.html
+++ b/docs/objects_mask_BoxMask.js.html
@@ -94,13 +94,13 @@ export {BoxMask};</code></pre>
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/objects_mask_Mask.js.html
+++ b/docs/objects_mask_Mask.js.html
@@ -69,13 +69,13 @@ export {Mask};</code></pre>
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/docs/utils_Helpers.js.html
+++ b/docs/utils_Helpers.js.html
@@ -149,13 +149,13 @@ export {Helpers};</code></pre>
 
				 </div>
			
 
				 
			
 
				 <nav>
			
 
				-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BezierCurve.html">BezierCurve</a></li><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Graph.html">Graph</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
			
 
				 </nav>
			
 
				 
			
 
				 <br class="clear">
			
 
				 
			
 
				 <footer>
			
 
				-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Fri Jun 07 2019 15:31:57 GMT+0100 (Western European Summer Time)
			
 
				+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Mon Jun 10 2019 15:53:44 GMT+0100 (Western European Summer Time)
			
 
				 </footer>
			
 
				 
			
 
				 <script> prettyPrint(); </script>
			
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 
				 {
			
 
				 	"name": "trenette.js",
			
 
				-	"version": "0.1.5",
			
 
				+	"version": "0.1.6",
			
 
				 	"description": "trenette.js is a web library for building interactive diagrams and graphs.",
			
 
				 	"main": "build/trenette.min.js",
			
 
				 	"repository": {