Tests example: add a new test

example/src/Tests/ColoredDisc.js

+import GL from "gl-react";
+import React from "react";
+
+const shaders = GL.Shaders.create({
+  ColoredDisc: {
+    frag: `
+precision highp float;
+varying vec2 uv;
+uniform vec3 fromColor;
+uniform vec3 toColor;
+void main () {
+  float d = 2.0 * distance(uv, vec2(0.5));
+  gl_FragColor = mix(
+    vec4(mix(fromColor, toColor, d), 1.0),
+    vec4(0.0),
+    step(1.0, d)
+  );
+}
+`
+  }
+});
+
+module.exports = GL.createComponent(
+  ({ fromColor, toColor }) =>
+  <GL.Node
+    shader={shaders.ColoredDisc}
+    uniforms={{ fromColor, toColor }}
+  />,
+  { displayName: "ColoredDisc" }
+);

example/src/Tests/DiamondCrop.js

+import GL from "gl-react";
+import React from "react";
+
+const shaders = GL.Shaders.create({
+  DiamondCrop: {
+    frag: `
+precision highp float;
+varying vec2 uv;
+uniform sampler2D t;
+void main () {
+  gl_FragColor = mix(
+    texture2D(t, uv),
+    vec4(0.0),
+    step(0.5, abs(uv.x - 0.5) + abs(uv.y - 0.5))
+  );
+}
+`
+  }
+});
+
+module.exports = GL.createComponent(
+  ({ children: t }) =>
+  <GL.Node
+    shader={shaders.DiamondCrop}
+    uniforms={{ t }}
+  />,
+{ displayName: "DiamondCrop" }
+);

example/src/Tests/index.js

@@ -13,6 +13,8 @@ import NativeLayer from "./NativeLayer";
 import HelloGL from "./HelloGL";
 import Display2 from "./Display2";
 import Copy from "./Copy";
+import ColoredDisc from "./ColoredDisc";
+import DiamondCrop from "./DiamondCrop";
 import TransparentNonPremultiplied from "./TransparentNonPremultiplied";
 import Dimensions from "Dimensions";
 const { width: viewportW, height: viewportH } = Dimensions.get("window");
@@ -145,6 +147,12 @@ class Tests extends React.Component {
           <HelloGL />
         </Surface>
 
+        <Surface style={{ margin: 4 }} width={300} height={300}>
+          <Blur passes={6} factor={2}>
+            http://i.imgur.com/rkiglmm.jpg
+          </Blur>
+        </Surface>
+
       </View>
 
     </ScrollView>;