diff --git a/example/src/Tests/ColoredDisc.js b/example/src/Tests/ColoredDisc.js
new file mode 100644
index 0000000000000000000000000000000000000000..b7f1fe28fba16d3e216fa856a35cf7011f883ecd
--- /dev/null
+++ b/example/src/Tests/ColoredDisc.js
@@ -0,0 +1,30 @@
+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 }) =>
+ ,
+ { displayName: "ColoredDisc" }
+);
diff --git a/example/src/Tests/DiamondCrop.js b/example/src/Tests/DiamondCrop.js
new file mode 100644
index 0000000000000000000000000000000000000000..55ceff5c507ee86e6c56928a6b6f20f3ef194ed5
--- /dev/null
+++ b/example/src/Tests/DiamondCrop.js
@@ -0,0 +1,28 @@
+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 }) =>
+ ,
+{ displayName: "DiamondCrop" }
+);
diff --git a/example/src/Tests/index.js b/example/src/Tests/index.js
index 30eacd8da71d87bc1013ec8a3053879707470800..70db20bb5998f808edb8b3ca57778a47d3e934cb 100644
--- a/example/src/Tests/index.js
+++ b/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 {
+
+
+ http://i.imgur.com/rkiglmm.jpg
+
+
+
;