reference: Add tranform reference items (#128)

gaocegege · web-flow · commit b225b8b2f4e1 · 2017-06-22T11:32:03.000+08:00
* transform: Add example code and test cases

Signed-off-by: Ce Gao &lt;ce.gao@outlook.com&gt;

* coala: Format the code

Signed-off-by: Ce Gao &lt;ce.gao@outlook.com&gt;
diff --git a/examples/reference/applyMatrix/applyMatrix0/.test.yml b/examples/reference/applyMatrix/applyMatrix0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/applyMatrix_.png
diff --git a/examples/reference/applyMatrix/applyMatrix0/applyMatrix0.rpde b/examples/reference/applyMatrix/applyMatrix0/applyMatrix0.rpde
@@ -0,0 +1,21 @@
+P3D <- "processing.opengl.PGraphics3D"
+PI <- pi
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+draw <- function() {
+    noFill()
+    translate(50, 50, 0)
+    rotateY(PI/6)
+    stroke(153)
+    box(35)
+    # Set rotation angles
+    ct = cos(PI/9)
+    st = sin(PI/9)
+    # Matrix for rotation around the Y axis
+    applyMatrix(ct, 0, st, 0, 0, 1, 0, 0, -st, 0, ct, 0, 0, 0, 0, 1)
+    stroke(255)
+    box(50)
+}
diff --git a/examples/reference/popMatrix/popMatrix0/.test.yml b/examples/reference/popMatrix/popMatrix0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/popMatrix_.png
diff --git a/examples/reference/popMatrix/popMatrix0/popMatrix0.rpde b/examples/reference/popMatrix/popMatrix0/popMatrix0.rpde
@@ -0,0 +1,11 @@
+fill(255)
+rect(0, 0, 50, 50)  # White rectangle
+
+pushMatrix()
+translate(30, 20)
+fill(0)
+rect(0, 0, 50, 50)  # Black rectangle
+popMatrix()
+
+fill(100)
+rect(15, 10, 50, 50)  # Gray rectangle
diff --git a/examples/reference/pushMatrix/pushMatrix0/.test.yml b/examples/reference/pushMatrix/pushMatrix0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/pushMatrix_.png
diff --git a/examples/reference/pushMatrix/pushMatrix0/pushMatrix0.rpde b/examples/reference/pushMatrix/pushMatrix0/pushMatrix0.rpde
@@ -0,0 +1,11 @@
+fill(255)
+rect(0, 0, 50, 50)  # White rectangle
+
+pushMatrix()
+translate(30, 20)
+fill(0)
+rect(0, 0, 50, 50)  # Black rectangle
+popMatrix()
+
+fill(100)
+rect(15, 10, 50, 50)  # Gray rectangle
diff --git a/examples/reference/rotate/rotate0/.test.yml b/examples/reference/rotate/rotate0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/rotate_.png
diff --git a/examples/reference/rotate/rotate0/rotate0.rpde b/examples/reference/rotate/rotate0/rotate0.rpde
@@ -0,0 +1,5 @@
+PI <- pi
+
+translate(width/2, height/2)
+rotate(PI/3)
+rect(-26, -26, 52, 52)
diff --git a/examples/reference/rotateX/rotateX0/.test.yml b/examples/reference/rotateX/rotateX0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/rotateX_0.png
diff --git a/examples/reference/rotateX/rotateX0/rotateX0.rpde b/examples/reference/rotateX/rotateX0/rotateX0.rpde
@@ -0,0 +1,12 @@
+P3D <- "processing.opengl.PGraphics3D"
+PI <- pi
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+draw <- function() {
+    translate(width/2, height/2)
+    rotateX(PI/3)
+    rect(-26, -26, 52, 52)
+}
diff --git a/examples/reference/rotateX/rotateX1/rotateX1.rpde b/examples/reference/rotateX/rotateX1/rotateX1.rpde
@@ -0,0 +1,13 @@
+P3D <- "processing.opengl.PGraphics3D"
+PI <- pi
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+# Not work, no radians
+draw <- function() {
+    translate(width/2, height/2)
+    rotateX(radians(60))
+    rect(-26, -26, 52, 52)
+}
diff --git a/examples/reference/rotateY/rotateY0/.test.yml b/examples/reference/rotateY/rotateY0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/rotateY_0.png
diff --git a/examples/reference/rotateY/rotateY0/rotateY0.rpde b/examples/reference/rotateY/rotateY0/rotateY0.rpde
@@ -0,0 +1,12 @@
+P3D <- "processing.opengl.PGraphics3D"
+PI <- pi
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+draw <- function() {
+    translate(width/2, height/2)
+    rotateY(PI/3)
+    rect(-26, -26, 52, 52)
+}
diff --git a/examples/reference/rotateY/rotateY1/rotateY1.rpde b/examples/reference/rotateY/rotateY1/rotateY1.rpde
@@ -0,0 +1,13 @@
+P3D <- "processing.opengl.PGraphics3D"
+PI <- pi
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+# Not work, no radians
+draw <- function() {
+    translate(width/2, height/2)
+    rotateY(radians(60))
+    rect(-26, -26, 52, 52)
+}
diff --git a/examples/reference/rotateZ/rotateZ0/.test.yml b/examples/reference/rotateZ/rotateZ0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/rotateZ_0.png
diff --git a/examples/reference/rotateZ/rotateZ0/rotateZ0.rpde b/examples/reference/rotateZ/rotateZ0/rotateZ0.rpde
@@ -0,0 +1,12 @@
+P3D <- "processing.opengl.PGraphics3D"
+PI <- pi
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+draw <- function() {
+    translate(width/2, height/2)
+    rotateZ(PI/3)
+    rect(-26, -26, 52, 52)
+}
diff --git a/examples/reference/rotateZ/rotateZ1/rotateZ1.rpde b/examples/reference/rotateZ/rotateZ1/rotateZ1.rpde
@@ -0,0 +1,13 @@
+P3D <- "processing.opengl.PGraphics3D"
+PI <- pi
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+# Not work, no radians
+draw <- function() {
+    translate(width/2, height/2)
+    rotateZ(radians(60))
+    rect(-26, -26, 52, 52)
+}
diff --git a/examples/reference/scale/scale0/.test.yml b/examples/reference/scale/scale0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/scale_0.png
diff --git a/examples/reference/scale/scale0/scale0.rpde b/examples/reference/scale/scale0/scale0.rpde
@@ -0,0 +1,3 @@
+rect(30, 20, 50, 50)
+scale(0.5)
+rect(30, 20, 50, 50)
diff --git a/examples/reference/scale/scale1/.test.yml b/examples/reference/scale/scale1/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/scale_1.png
diff --git a/examples/reference/scale/scale1/scale1.rpde b/examples/reference/scale/scale1/scale1.rpde
@@ -0,0 +1,3 @@
+rect(30, 20, 50, 50)
+scale(0.5, 1.3)
+rect(30, 20, 50, 50)
diff --git a/examples/reference/scale/scale2/.test.yml b/examples/reference/scale/scale2/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/scale_2.png
diff --git a/examples/reference/scale/scale2/scale2.rpde b/examples/reference/scale/scale2/scale2.rpde
@@ -0,0 +1,13 @@
+P3D <- "processing.opengl.PGraphics3D"
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+draw <- function() {
+    noFill()
+    translate(width/2 + 12, height/2)
+    box(20, 20, 20)
+    scale(2.5, 2.5, 2.5)
+    box(20, 20, 20)
+}
diff --git a/examples/reference/shearX/shearX0/.test.yml b/examples/reference/shearX/shearX0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/shearX_.png
diff --git a/examples/reference/shearX/shearX0/shearX0.rpde b/examples/reference/shearX/shearX0/shearX0.rpde
@@ -0,0 +1,11 @@
+PI <- pi
+
+settings <- function() {
+    size(100, 100)
+}
+
+draw <- function() {
+    translate(width/4, height/4)
+    shearY(PI/4)
+    rect(0, 0, 30, 30)
+}
diff --git a/examples/reference/shearY/shearY0/.test.yml b/examples/reference/shearY/shearY0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/shearY_.png
diff --git a/examples/reference/shearY/shearY0/shearY0.rpde b/examples/reference/shearY/shearY0/shearY0.rpde
@@ -0,0 +1,11 @@
+PI <- pi
+
+settings <- function() {
+    size(100, 100)
+}
+
+draw <- function() {
+    translate(width/4, height/4)
+    shearX(PI/4)
+    rect(0, 0, 30, 30)
+}
diff --git a/examples/reference/translate/.property.yml b/examples/reference/translate/.property.yml
@@ -5,7 +5,7 @@ Specifies an amount to displace objects within the display window. The <b>x</b>
 <br/><br/>
 Transformations are cumulative and apply to everything that happens after and subsequent calls to the function accumulates the effect. For example, calling <b>translate(50, 0)</b> and then <b>translate(20, 0)</b> is the same as <b>translate(70, 0)</b>. If <b>translate()</b> is called within <b>draw()</b>, the transformation is reset when the loop begins again. This function can be further controlled by using <b>pushMatrix()</b> and <b>popMatrix()</b>.
 "
-syntax: ""
+syntax: "translate(x, y)\ntranslate(x, y, z)"
 related:
   - popMatrix
   - pushMatrix
diff --git a/examples/reference/translate/translate0/.test.yml b/examples/reference/translate/translate0/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/translate_0.png
diff --git a/examples/reference/translate/translate0/translate0.rpde b/examples/reference/translate/translate0/translate0.rpde
@@ -0,0 +1,2 @@
+translate(30, 20)
+rect(0, 0, 55, 55)
diff --git a/examples/reference/translate/translate1/.test.yml b/examples/reference/translate/translate1/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/translate_1.png
diff --git a/examples/reference/translate/translate1/translate1.rpde b/examples/reference/translate/translate1/translate1.rpde
@@ -0,0 +1,11 @@
+P3D <- "processing.opengl.PGraphics3D"
+
+settings <- function() {
+    size(100, 100, P3D)
+}
+
+draw <- function() {
+    # Translate 30 across, 20 down, and 50 back, or 'away' from the screen.
+    translate(30, 20, -50)
+    rect(0, 0, 55, 55)
+}
diff --git a/examples/reference/translate/translate2/.test.yml b/examples/reference/translate/translate2/.test.yml
@@ -0,0 +1,2 @@
+test:
+  reference: https://processing.org/reference/images/translate_2.png
diff --git a/examples/reference/translate/translate2/translate2.rpde b/examples/reference/translate/translate2/translate2.rpde
@@ -0,0 +1,5 @@
+rect(0, 0, 55, 55)  # Draw rect at original 0,0
+translate(30, 20)
+rect(0, 0, 55, 55)  # Draw rect at new 0,0
+translate(14, 14)
+rect(0, 0, 55, 55)  # Draw rect at new 0,0
diff --git a/src/test/e2e/core/function/ApplyMatrix0Test.java b/src/test/e2e/core/function/ApplyMatrix0Test.java
@@ -0,0 +1,25 @@
+
+// Generated by hack/generate-e2e-test.py
+package test.e2e.core.function;
+
+import static org.junit.Assert.fail;
+import org.junit.Test;
+import test.e2e.core.E2eTestBase;
+
+public class ApplyMatrix0Test extends E2eTestBase {
+
+  public ApplyMatrix0Test() {
+    coreCodeTemplate = "P3D <- \"processing.opengl.PGraphics3D\"\nPI <- pi\n\nsettings <- function() {\n    size(100, 100, P3D)\n}\n\ndraw <- function() {\n    noFill()\n    translate(50, 50, 0)\n    rotateY(PI/6)\n    stroke(153)\n    box(35)\n    # Set rotation angles\n    ct = cos(PI/9)\n    st = sin(PI/9)\n    # Matrix for rotation around the Y axis\n    applyMatrix(ct, 0, st, 0, 0, 1, 0, 0, -st, 0, ct, 0, 0, 0, 0, 1)\n    stroke(255)\n    box(50)\n    saveFrame(\"%s\")\n    exit()\n}\n";
+    referenceURI = "https://processing.org/reference/images/applyMatrix_.png";
+  }
+
+  @Test
+  public void test() {
+    try {
+      defaultOperation();
+    } catch (Exception exception) {
+      System.err.println(exception);
+      fail("Should not have thrown any exception");
+    }
+  }
+}
diff --git a/src/test/e2e/core/function/PopMatrix0Test.java b/src/test/e2e/core/function/PopMatrix0Test.java
@@ -0,0 +1,25 @@
+
+// Generated by hack/generate-e2e-test.py
+package test.e2e.core.function;
+
+import static org.junit.Assert.fail;
+import org.junit.Test;
+import test.e2e.core.E2eTestBase;
+
+public class PopMatrix0Test extends E2eTestBase {
+
+  public PopMatrix0Test() {
+    coreCodeTemplate = "fill(255)\nrect(0, 0, 50, 50)  # White rectangle\n\npushMatrix()\ntranslate(30, 20)\nfill(0)\nrect(0, 0, 50, 50)  # Black rectangle\npopMatrix()\n\nfill(100)\nrect(15, 10, 50, 50)  # Gray rectangle\n\nsaveFrame(\"%s\")\nexit()\n";
+    referenceURI = "https://processing.org/reference/images/popMatrix_.png";
+  }
+
+  @Test
+  public void test() {
+    try {
+      defaultOperation();
+    } catch (Exception exception) {
+      System.err.println(exception);
+      fail("Should not have thrown any exception");
+    }
+  }
+}
diff --git a/src/test/e2e/core/function/PushMatrix0Test.java b/src/test/e2e/core/function/PushMatrix0Test.java
@@ -0,0 +1,25 @@
+
+// Generated by hack/generate-e2e-test.py
+package test.e2e.core.function;
+
+import static org.junit.Assert.fail;
+import org.junit.Test;
+import test.e2e.core.E2eTestBase;
+
+public class PushMatrix0Test extends E2eTestBase {
+
+  public PushMatrix0Test() {
+    coreCodeTemplate = "fill(255)\nrect(0, 0, 50, 50)  # White rectangle\n\npushMatrix()\ntranslate(30, 20)\nfill(0)\nrect(0, 0, 50, 50)  # Black rectangle\npopMatrix()\n\nfill(100)\nrect(15, 10, 50, 50)  # Gray rectangle\n\nsaveFrame(\"%s\")\nexit()\n";
+    referenceURI = "https://processing.org/reference/images/pushMatrix_.png";
+  }
+
+  @Test
+  public void test() {
+    try {
+      defaultOperation();
+    } catch (Exception exception) {
+      System.err.println(exception);
+      fail("Should not have thrown any exception");
+    }
+  }
+}
diff --git a/src/test/e2e/core/function/Rotate0Test.java b/src/test/e2e/core/function/Rotate0Test.java
@@ -0,0 +1,25 @@
+
+// Generated by hack/generate-e2e-test.py
+package test.e2e.core.function;
+
+import static org.junit.Assert.fail;
+import org.junit.Test;
+import test.e2e.core.E2eTestBase;
+
+public class Rotate0Test extends E2eTestBase {
+
+  public Rotate0Test() {
+    coreCodeTemplate = "PI <- pi\n\ntranslate(width/2, height/2)\nrotate(PI/3)\nrect(-26, -26, 52, 52)\n\nsaveFrame(\"%s\")\nexit()\n";
+    referenceURI = "https://processing.org/reference/images/rotate_.png";
+  }
+
+  @Test
+  public void test() {
+    try {
+      defaultOperation();
+    } catch (Exception exception) {
+      System.err.println(exception);
+      fail("Should not have thrown any exception");
+    }
+  }
+}
diff --git a/src/test/e2e/core/function/RotateX0Test.java b/src/test/e2e/core/function/RotateX0Test.java
@@ -0,0 +1,25 @@
+
+// Generated by hack/generate-e2e-test.py
+package test.e2e.core.function;
+
+import static org.junit.Assert.fail;
+import org.junit.Test;
+import test.e2e.core.E2eTestBase;
+
+public class RotateX0Test extends E2eTestBase {
+
+  public RotateX0Test() {
+    coreCodeTemplate = "P3D <- \"processing.opengl.PGraphics3D\"\nPI <- pi\n\nsettings <- function() {\n    size(100, 100, P3D)\n}\n\ndraw <- function() {\n    translate(width/2, height/2)\n    rotateX(PI/3)\n    rect(-26, -26, 52, 52)\n    saveFrame(\"%s\")\n    exit()\n}\n";
+    referenceURI = "https://processing.org/reference/images/rotateX_0.png";
+  }
+
+  @Test
+  public void test() {
+    try {
+      defaultOperation();
+    } catch (Exception exception) {
+      System.err.println(exception);
+      fail("Should not have thrown any exception");
+    }
+  }
+}
diff --git a/src/test/e2e/core/function/RotateY0Test.java b/src/test/e2e/core/function/RotateY0Test.java
diff --git a/src/test/e2e/core/function/RotateZ0Test.java b/src/test/e2e/core/function/RotateZ0Test.java
diff --git a/src/test/e2e/core/function/Scale0Test.java b/src/test/e2e/core/function/Scale0Test.java
diff --git a/src/test/e2e/core/function/Scale1Test.java b/src/test/e2e/core/function/Scale1Test.java
diff --git a/src/test/e2e/core/function/Scale2Test.java b/src/test/e2e/core/function/Scale2Test.java
diff --git a/src/test/e2e/core/function/ShearX0Test.java b/src/test/e2e/core/function/ShearX0Test.java
diff --git a/src/test/e2e/core/function/ShearY0Test.java b/src/test/e2e/core/function/ShearY0Test.java
diff --git a/src/test/e2e/core/function/Translate0Test.java b/src/test/e2e/core/function/Translate0Test.java
diff --git a/src/test/e2e/core/function/Translate1Test.java b/src/test/e2e/core/function/Translate1Test.java
diff --git a/src/test/e2e/core/function/Translate2Test.java b/src/test/e2e/core/function/Translate2Test.java

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+test:`
	`2`	`+ reference: https://processing.org/reference/images/applyMatrix_.png`