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 + + + ;