Changed triangle functions and added triangle example.

Author: xam4lor

dev/src/Plot.js

@@ -1,13 +1,13 @@
 class Plot {
     constructor() {
-        this.tex = new pSText('\\sum \\sqrt{x^2+1} + 6 x \\text{ with $x \\in \\mathbb{R}$}', new Vector(), 7, 'white');
+        this.tr = new pSTriangle(new Vector(-2, -2), new Vector(2, -2), new Vector(0, 2), 'white');
     }
 
     update(dt) {
-
+        this.tr.rotate(0.01);
     }
 
     draw(drawer) {
-        this.tex.draw();
+        this.tr.draw();
     }
 }

src/drawer/objects/Triangle.js

@@ -5,33 +5,45 @@ import './Text';
 class pSTriangle {
     /**
     * Creates a new Triangle
-    * @param p0 Vector to the first point of the triangle (default (0, 0))
+    * @param p0 Vector to the first point of the triangle
     * @param p1 Vector to the second point of the triangle (default (0, 0))
     * @param p2 Vector to the third point of the triangle (default (0, 0))
     * @param fillColor The triangle fill color (default none)
     * @param strokeColor The triangle stroke color (default none)
     * @param strokeWeight The triangle strokeWeight (default 1)
     */
-    constructor(p0 = new Vector(), p1 = new Vector(), p2 = new Vector(), fillColor = 'white', strokeColor = 'none', strokeWeight = 1) {
-        this.p0 = new Vector(p0.x, p0.y);
-        this.p1 = new Vector(p1.x, p1.y);
-        this.p2 = new Vector(p2.x, p2.y);
+    constructor(p0, p1 = new Vector(), p2 = new Vector(), fillColor = 'white', strokeColor = 'none', strokeWeight = 1) {
+        this.setCoordinates(p0, p1, p2);
 
-        //The barycenter, or center of mass. This is the
+        // Colors
+        this.fillColor    = fillColor;
+        this.strokeColor  = strokeColor;
+        this.strokeWeight = strokeWeight;
+    }
+
+
+    /**
+    * @param p0 Vector to the first point of the triangle
+    * @param p1 Vector to the second point of the triangle (default last point)
+    * @param p2 Vector to the third point of the triangle (default last point)
+    */
+    setCoordinates(p0, p1, p2) {
+        this.p0 = p0 || new Vector(p0.x, p0.y);
+        this.p1 = p1 == undefined ? this.p1 : new Vector(p1.x, p1.y);
+        this.p2 = p2 == undefined ? this.p2 : new Vector(p2.x, p2.y);
+
+        // The barycenter, or center of mass. This is the
         // point around which the triangle will rotate.
         this.pG = Vector.div(Vector.add(Vector.add(this.p0, this.p1), this.p2), 3);
 
-        //The vectors pointing from the barycenter to P0, P1
+        // The vectors pointing from the barycenter to P0, P1
         // and P2. They are useful when rotating the triangle.
         this.v0 = Vector.sub(this.p0, this.pG);
         this.v1 = Vector.sub(this.p1, this.pG);
         this.v2 = Vector.sub(this.p2, this.pG);
-
-        this.fillColor    = fillColor;
-        this.strokeColor  = strokeColor;
-        this.strokeWeight = strokeWeight;
     }
 
+
     /**
     * Rotates the triangle by the specified angle, around
     * its center of mass.
@@ -47,12 +59,14 @@ class pSTriangle {
         this.p2 = Vector.add(this.v2, this.pG);
     }
 
+
     /**
     * Updates the triangle
     * @param dt Delta time since last update
     */
     update(dt) {}
 
+
     /**
     * Draws the triangle on the screen.
     */