archive-gh-me/gl-react
1
0
Fork 0
mirror of https://github.com/gre/gl-react.git synced 2026-01-25 16:43:36 +00:00
Code Issues Projects Releases Wiki Activity

add a standalone camera expo example

Browse Source
This commit is contained in:
Gaëtan Renaudeau 2017-05-15 11:08:24 +02:00
parent 1676e852dd
commit f189a0aebd
22 changed files with 689 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/cookbook-expo/exp.json
View File

@ -6,13 +6,13 @@
"version": "1.0.0",
"orientation": "portrait",
"primaryColor": "#cccccc",
"icon": "https://s3.amazonaws.com/exp-brand-assets/ExponentEmptyManifest_192.png",
"icon": "https://cloud.githubusercontent.com/assets/211411/9813786/eacfcc24-5888-11e5-8f9b-5a907a2cbb21.png",
"notification": {
"icon": "https://s3.amazonaws.com/exp-us-standard/placeholder-push-icon-blue-circle.png",
"color": "#000000"
},
"loading": {
"icon": "https://s3.amazonaws.com/exp-brand-assets/ExponentEmptyManifest_192.png",
"icon": "https://cloud.githubusercontent.com/assets/211411/9813786/eacfcc24-5888-11e5-8f9b-5a907a2cbb21.png",
"hideExponentText": false
},
"packagerOpts": {

120
packages/cookbook/API.json
View File

@ -859,7 +859,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/createSurface.js",
"path": "packages/gl-react/src/createSurface.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/createSurface.js#L161-L592"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/createSurface.js#L161-L592"
},
"kind": "class",
"name": "Surface",
@ -2207,7 +2207,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/createSurface.js",
"path": "packages/gl-react/src/createSurface.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/createSurface.js#L281-L288"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/createSurface.js#L281-L288"
},
"params": [
{
@ -2517,7 +2517,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/createSurface.js",
"path": "packages/gl-react/src/createSurface.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/createSurface.js#L297-L304"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/createSurface.js#L297-L304"
},
"params": [
{
@ -2847,7 +2847,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/createSurface.js",
"path": "packages/gl-react/src/createSurface.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/createSurface.js#L311-L317"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/createSurface.js#L311-L317"
},
"memberof": "Surface",
"scope": "instance",
@ -3011,7 +3011,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/createSurface.js",
"path": "packages/gl-react/src/createSurface.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/createSurface.js#L325-L327"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/createSurface.js#L325-L327"
},
"memberof": "Surface",
"scope": "instance",
@ -3129,7 +3129,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/createSurface.js",
"path": "packages/gl-react/src/createSurface.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/createSurface.js#L335-L337"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/createSurface.js#L335-L337"
},
"memberof": "Surface",
"scope": "instance",
@ -3443,7 +3443,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L379-L1050"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L379-L1050"
},
"properties": [
{
@ -4286,7 +4286,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L547-L570"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L547-L570"
},
"name": "capture",
"kind": "function",
@ -4440,7 +4440,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L577-L582"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L577-L582"
},
"kind": "function",
"name": "redraw",
@ -4548,7 +4548,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L589-L591"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L589-L591"
},
"kind": "function",
"name": "flush",
@ -4668,7 +4668,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Shaders.js",
"path": "packages/gl-react/src/Shaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Shaders.js#L113-L161"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Shaders.js#L113-L161"
},
"kind": "namespace",
"name": "Shaders",
@ -4731,7 +4731,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Shaders.js",
"path": "packages/gl-react/src/Shaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Shaders.js#L127-L143"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Shaders.js#L127-L143"
},
"memberof": "Shaders",
"params": [
@ -4979,7 +4979,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/LinearCopy.js",
"path": "packages/gl-react/src/LinearCopy.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/LinearCopy.js#L14-L26"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/LinearCopy.js#L14-L26"
},
"properties": [
{
@ -5152,7 +5152,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/NearestCopy.js",
"path": "packages/gl-react/src/NearestCopy.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/NearestCopy.js#L14-L27"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/NearestCopy.js#L14-L27"
},
"properties": [
{
@ -5668,7 +5668,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Bus.js",
"path": "packages/gl-react/src/Bus.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Bus.js#L45-L212"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Bus.js#L45-L212"
},
"properties": [
{
@ -6041,7 +6041,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Bus.js",
"path": "packages/gl-react/src/Bus.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Bus.js#L168-L171"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Bus.js#L168-L171"
},
"name": "capture",
"kind": "function",
@ -6195,7 +6195,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Bus.js",
"path": "packages/gl-react/src/Bus.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Bus.js#L183-L185"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Bus.js#L183-L185"
},
"kind": "function",
"name": "redraw",
@ -6419,7 +6419,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/connectSize.js",
"path": "packages/gl-react/src/connectSize.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/connectSize.js#L19-L56"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/connectSize.js#L19-L56"
},
"kind": "function",
"name": "connectSize",
@ -6795,7 +6795,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/GLSL.js",
"path": "packages/gl-react/src/GLSL.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/GLSL.js#L26-L35"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/GLSL.js#L26-L35"
},
"returns": [
{
@ -7132,7 +7132,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/GLSL.js",
"path": "packages/gl-react/src/GLSL.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/GLSL.js#L7-L7"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/GLSL.js#L7-L7"
},
"name": "GLSLCode",
"kind": "typedef",
@ -7288,7 +7288,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Shaders.js",
"path": "packages/gl-react/src/Shaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Shaders.js#L44-L46"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Shaders.js#L44-L46"
},
"examples": [
{
@ -7431,7 +7431,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Shaders.js",
"path": "packages/gl-react/src/Shaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Shaders.js#L15-L17"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Shaders.js#L15-L17"
},
"examples": [
{
@ -7623,7 +7623,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Shaders.js",
"path": "packages/gl-react/src/Shaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Shaders.js#L51-L53"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Shaders.js#L51-L53"
},
"name": "ShadersSheet",
"kind": "typedef",
@ -7670,7 +7670,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Shaders.js",
"path": "packages/gl-react/src/Shaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Shaders.js#L24-L27"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Shaders.js#L24-L27"
},
"name": "ShaderIdentifier",
"kind": "typedef",
@ -8549,7 +8549,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L151-L153"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L151-L153"
},
"name": "Uniforms",
"kind": "typedef",
@ -8834,7 +8834,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L64-L67"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L64-L67"
},
"name": "TextureOptions",
"kind": "typedef",
@ -9173,7 +9173,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L47-L47"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L47-L47"
},
"name": "Interpolation",
"kind": "typedef",
@ -9504,7 +9504,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L57-L57"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L57-L57"
},
"name": "WrapMode",
"kind": "typedef",
@ -9564,7 +9564,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L94-L97"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L94-L97"
},
"name": "BlendFuncSrcDst",
"kind": "typedef",
@ -10595,7 +10595,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L89-L89"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L89-L89"
},
"name": "BlendFunc",
"kind": "typedef",
@ -10699,7 +10699,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L107-L109"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L107-L109"
},
"name": "Clear",
"kind": "typedef",
@ -10872,7 +10872,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Node.js",
"path": "packages/gl-react/src/Node.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Node.js#L102-L102"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Node.js#L102-L102"
},
"name": "Vec4",
"kind": "typedef",
@ -11028,7 +11028,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/flow/ndarray.js",
"path": "packages/gl-react/flow/ndarray.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/flow/ndarray.js#L7-L13"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/flow/ndarray.js#L7-L13"
},
"name": "NDArray",
"kind": "typedef",
@ -11302,7 +11302,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoader.js",
"path": "packages/gl-react/src/TextureLoader.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoader.js#L9-L49"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoader.js#L9-L49"
},
"name": "TextureLoader",
"kind": "class",
@ -11345,7 +11345,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoader.js",
"path": "packages/gl-react/src/TextureLoader.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoader.js#L13-L13"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoader.js#L13-L13"
},
"properties": [
{
@ -11461,7 +11461,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoader.js",
"path": "packages/gl-react/src/TextureLoader.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoader.js#L18-L20"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoader.js#L18-L20"
},
"name": "constructor",
"kind": "function",
@ -11573,7 +11573,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoader.js",
"path": "packages/gl-react/src/TextureLoader.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoader.js#L25-L25"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoader.js#L25-L25"
},
"name": "dispose",
"kind": "member",
@ -11681,7 +11681,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoader.js",
"path": "packages/gl-react/src/TextureLoader.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoader.js#L30-L30"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoader.js#L30-L30"
},
"name": "canLoad",
"kind": "member",
@ -11798,7 +11798,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoader.js",
"path": "packages/gl-react/src/TextureLoader.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoader.js#L35-L35"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoader.js#L35-L35"
},
"name": "get",
"kind": "member",
@ -11925,7 +11925,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoader.js",
"path": "packages/gl-react/src/TextureLoader.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoader.js#L42-L48"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoader.js#L42-L48"
},
"name": "load",
"kind": "function",
@ -12073,7 +12073,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitors.js",
"path": "packages/gl-react/src/Visitors.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitors.js#L10-L28"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitors.js#L10-L28"
},
"kind": "namespace",
"name": "Visitors",
@ -12112,7 +12112,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitors.js",
"path": "packages/gl-react/src/Visitors.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitors.js#L14-L16"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitors.js#L14-L16"
},
"memberof": "Visitors",
"name": "add",
@ -12177,7 +12177,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitors.js",
"path": "packages/gl-react/src/Visitors.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitors.js#L20-L23"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitors.js#L20-L23"
},
"memberof": "Visitors",
"name": "remove",
@ -12343,7 +12343,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoaders.js",
"path": "packages/gl-react/src/TextureLoaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoaders.js#L12-L31"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoaders.js#L12-L31"
},
"kind": "namespace",
"name": "TextureLoaders",
@ -12433,7 +12433,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoaders.js",
"path": "packages/gl-react/src/TextureLoaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoaders.js#L17-L19"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoaders.js#L17-L19"
},
"memberof": "TextureLoaders",
"name": "add",
@ -12566,7 +12566,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/TextureLoaders.js",
"path": "packages/gl-react/src/TextureLoaders.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/TextureLoaders.js#L24-L27"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/TextureLoaders.js#L24-L27"
},
"memberof": "TextureLoaders",
"name": "remove",
@ -12653,7 +12653,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/VisitorLogger.js",
"path": "packages/gl-react/src/VisitorLogger.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/VisitorLogger.js#L21-L122"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/VisitorLogger.js#L21-L122"
},
"name": "VisitorLogger",
"augments": [
@ -12702,7 +12702,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L31-L78"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L31-L78"
},
"name": "Visitor",
"kind": "class",
@ -12734,7 +12734,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L35-L35"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L35-L35"
},
"name": "onSurfaceMount",
"kind": "function",
@ -12795,7 +12795,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L39-L39"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L39-L39"
},
"name": "onSurfaceUnmount",
"kind": "function",
@ -12856,7 +12856,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L43-L43"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L43-L43"
},
"name": "onSurfaceGLContextChange",
"kind": "function",
@ -12929,7 +12929,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L46-L46"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L46-L46"
},
"name": "onSurfaceDrawSkipped",
"kind": "function",
@ -12990,7 +12990,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L49-L49"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L49-L49"
},
"name": "onSurfaceDrawStart",
"kind": "function",
@ -13102,7 +13102,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L53-L55"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L53-L55"
},
"name": "onSurfaceDrawError",
"kind": "function",
@ -13163,7 +13163,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L58-L58"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L58-L58"
},
"name": "onSurfaceDrawEnd",
"kind": "function",
@ -13224,7 +13224,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L61-L61"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L61-L61"
},
"name": "onNodeDrawSkipped",
"kind": "function",
@ -13285,7 +13285,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L64-L64"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L64-L64"
},
"name": "onNodeDrawStart",
"kind": "function",
@ -13346,7 +13346,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L67-L71"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L67-L71"
},
"name": "onNodeSyncDeps",
"kind": "function",
@ -13461,7 +13461,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L74-L74"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L74-L74"
},
"name": "onNodeDraw",
"kind": "function",
@ -13537,7 +13537,7 @@
},
"file": "/Users/gre/dev/gl-react-next/packages/gl-react/src/Visitor.js",
"path": "packages/gl-react/src/Visitor.js",
"github": "https://github.com/gre/gl-react/blob/ff4157f90c4fd0f0aaf5b92abb9c373c2919132e/packages/gl-react/src/Visitor.js#L77-L77"
"github": "https://github.com/gre/gl-react/blob/1676e852ddf241e66c19935a4b7bd052325ccadb/packages/gl-react/src/Visitor.js#L77-L77"
},
"name": "onNodeDrawEnd",
"kind": "function",

8
packages/example-gl-react-camera-effects/.babelrc Executable file
View File

@ -0,0 +1,8 @@
{
"presets": ["react-native-stage-0/decorator-support"],
"env": {
"development": {
"plugins": ["transform-react-jsx-source"]
}
}
}

7
packages/example-gl-react-camera-effects/.flowconfig Normal file
View File

@ -0,0 +1,7 @@
[ignore]
[include]
[libs]
[options]

3
packages/example-gl-react-camera-effects/.gitignore vendored Executable file
View File

@ -0,0 +1,3 @@
node_modules/**/*
.expo/*
npm-debug.*

27
packages/example-gl-react-camera-effects/exp.json Executable file
View File

@ -0,0 +1,27 @@
{
"name": "gl-react-camera-effects",
"description": "GL React Camera Effects",
"slug": "gl-react-camera-effects",
"sdkVersion": "UNVERSIONED",
"version": "1.0.0",
"orientation": "portrait",
"primaryColor": "#cccccc",
"icon": "https://cloud.githubusercontent.com/assets/211411/9813786/eacfcc24-5888-11e5-8f9b-5a907a2cbb21.png",
"notification": {
"icon": "https://s3.amazonaws.com/exp-us-standard/placeholder-push-icon-blue-circle.png",
"color": "#000000"
},
"loading": {
"icon": "https://cloud.githubusercontent.com/assets/211411/9813786/eacfcc24-5888-11e5-8f9b-5a907a2cbb21.png",
"hideExponentText": false
},
"packagerOpts": {
"assetExts": ["ttf", "mp4"]
},
"android": {
"package": "fr.greweb.glreactcameraffects"
},
"ios": {
"bundleIdentifier": "fr.greweb.glreactcameraffects"
}
}

4
packages/example-gl-react-camera-effects/main.js Executable file
View File

@ -0,0 +1,4 @@
import "expo";
import Expo from "expo";
import App from "./src/App";
Expo.registerRootComponent(App);

15
packages/example-gl-react-camera-effects/package.json Normal file
View File

@ -0,0 +1,15 @@
{
"name": "cookbook-expo",
"version": "3.3.0",
"description": "GL React Native cookbook",
"author": "Gaëtan Renaudeau",
"private": true,
"main": "main.js",
"dependencies": {
"expo": "expo/expo-sdk",
"gl-react": "^3.3.0",
"gl-react-expo": "^3.3.0",
"react": "16.0.0-alpha.6",
"react-native": "github:exponentjs/react-native#exp-latest"
}
}

116
packages/example-gl-react-camera-effects/src/App.js Normal file
View File

@ -0,0 +1,116 @@
//@flow
import React, { Component } from "react";
import {
TouchableOpacity,
StyleSheet,
ScrollView,
View,
Dimensions,
} from "react-native";
import { Surface } from "gl-react-expo";
import Camera from "./Camera";
import Effects from "./Effects";
import Field from "./Field";
const { width: windowWidth, height: windowHeight } = Dimensions.get("window");
const percentagePrint = v => (v * 100).toFixed(0) + "%";
const radiantPrint = r => (180 * r / Math.PI).toFixed(0) + "°";
// prettier-ignore
const fields = [
{ id: "blur", name: "Blur", min: 0, max: 6, step: 0.1, prettyPrint: blur => blur.toFixed(1) },
{ id: "contrast", name: "Contrast", min: 0, max: 4, step: 0.1, prettyPrint: percentagePrint },
{ id: "brightness", name: "Brightness", min: 0, max: 4, step: 0.1, prettyPrint: percentagePrint },
{ id: "saturation", name: "Saturation", min: 0, max: 10, step: 0.1, prettyPrint: percentagePrint },
{ id: "hue", name: "HueRotate", min: 0, max: 2 * Math.PI, step: 0.1, prettyPrint: radiantPrint },
{ id: "negative", name: "Negative", min: 0, max: 1, step: 0.05, prettyPrint: percentagePrint },
{ id: "sepia", name: "Sepia", min: 0, max: 1, step: 0.05, prettyPrint: percentagePrint },
{ id: "flyeye", name: "FlyEye", min: 0, max: 1, step: 0.05, prettyPrint: percentagePrint }
];
const initialEffectsState = {
blur: 0,
saturation: 1,
contrast: 1,
brightness: 1,
negative: 0,
hue: 0,
sepia: 0,
flyeye: 0,
};
const styles = StyleSheet.create({
root: {
flex: 1,
backgroundColor: "#EEE",
},
surface: {
width: windowWidth * 0.75,
height: windowWidth,
alignSelf: "center",
},
fields: {
flexDirection: "column",
flex: 1,
paddingTop: 10,
paddingBottom: 40,
backgroundColor: "#EEE",
},
});
export default class App extends Component {
state = {
position: "front",
effects: initialEffectsState,
};
onSurfacePress = () => {
this.setState(({ position }) => ({
position: position === "front" ? "back" : "front",
}));
};
onEffectChange = (value, id) => {
this.setState(({ effects }) => ({
effects: { ...effects, [id]: value },
}));
};
onEffectReset = id => {
this.setState(({ effects }) => ({
effects: { ...effects, [id]: initialEffectsState[id] },
}));
};
render() {
const { position, effects } = this.state;
return (
<ScrollView bounces={false} style={styles.root}>
<TouchableOpacity onPress={this.onSurfacePress}>
<Surface style={styles.surface}>
<Effects {...effects}>
<Camera position={position} />
</Effects>
</Surface>
</TouchableOpacity>
<View style={styles.fields}>
{fields.map(({ id, ...props }) => (
<Field
{...props}
key={id}
id={id}
value={effects[id]}
onChange={this.onEffectChange}
onReset={this.onEffectReset}
/>
))}
</View>
</ScrollView>
);
}
}

48
packages/example-gl-react-camera-effects/src/Camera.js Normal file
View File

@ -0,0 +1,48 @@
//@flow
import React, { Component } from "react";
import { GLSL, Node, Shaders } from "gl-react";
const shaders = Shaders.create({
YFlip: {
// NB we need to YFlip the stream
frag: GLSL`
precision highp float;
varying vec2 uv;
uniform sampler2D t;
void main(){
gl_FragColor=texture2D(t, vec2(uv.x, 1.0 - uv.y));
}`,
},
});
export default class Camera extends Component {
props: {
position: string,
};
static defaultProps = {
position: "front",
};
_raf: *;
componentDidMount() {
const loop = () => {
this._raf = requestAnimationFrame(loop);
this.forceUpdate();
};
this._raf = requestAnimationFrame(loop);
}
componentWillUnmount() {
cancelAnimationFrame(this._raf);
}
render() {
const { position } = this.props;
return (
<Node
blendFunc={{ src: "one", dst: "one minus src alpha" }}
shader={shaders.YFlip}
uniforms={{
t: { camera: { position } },
}}
/>
);
}
}

97
packages/example-gl-react-camera-effects/src/Effects/Blur.js Normal file
View File

@ -0,0 +1,97 @@
//@flow
import React, { Component } from "react";
import { GLSL, Node, Shaders, connectSize } from "gl-react";
const shaders = Shaders.create({
blur1D: {
// blur9: from https://github.com/Jam3/glsl-fast-gaussian-blur
frag: GLSL`precision highp float;
varying vec2 uv;
uniform sampler2D t;
uniform vec2 direction, resolution;
vec4 blur9(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {
vec4 color = vec4(0.0);
vec2 off1 = vec2(1.3846153846) * direction;
vec2 off2 = vec2(3.2307692308) * direction;
color += texture2D(image, uv) * 0.2270270270;
color += texture2D(image, uv + (off1 / resolution)) * 0.3162162162;
color += texture2D(image, uv - (off1 / resolution)) * 0.3162162162;
color += texture2D(image, uv + (off2 / resolution)) * 0.0702702703;
color += texture2D(image, uv - (off2 / resolution)) * 0.0702702703;
return color;
}
void main () {
gl_FragColor = blur9(t, uv, resolution, direction);
}`,
},
});
const Blur1D = ({ width, height, pixelRatio, direction, children: t }) => (
<Node
shader={shaders.blur1D}
width={width}
height={height}
pixelRatio={pixelRatio}
uniforms={{
direction,
resolution: [width, height],
t,
}}
/>
);
const NORM = Math.sqrt(2) / 2;
function directionForPass(p, factor, total) {
const f = factor * 2 * Math.ceil(p / 2) / total;
switch ((p - 1) % 4) { // alternate horizontal, vertical and 2 diagonals
case 0:
return [f, 0];
case 1:
return [0, f];
case 2:
return [f * NORM, f * NORM];
case 3:
return [f * NORM, -f * NORM];
}
}
export default connectSize(
class Blur extends Component {
props: {
factor: number,
children?: any,
passes: number,
width: any,
height: any,
pixelRatio: number,
};
static defaultProps = {
passes: 2,
};
render() {
const {
width,
height,
pixelRatio,
factor,
children,
passes,
} = this.props;
const rec = pass =>
(pass <= 0
? children
: <Blur1D
width={width}
height={height}
pixelRatio={pixelRatio}
direction={directionForPass(pass, factor, passes)}
>
{rec(pass - 1)}
</Blur1D>);
return rec(passes);
}
}
);

26
packages/example-gl-react-camera-effects/src/Effects/ColorMatrix.js Normal file
View File

@ -0,0 +1,26 @@
//@flow
import React, { Component } from "react";
import { GLSL, Node, Shaders } from "gl-react";
const shaders = Shaders.create({
ColorMatrix: {
frag: GLSL`precision highp float;
varying vec2 uv;
uniform sampler2D t;
uniform mat4 m;
void main () {
gl_FragColor = m * texture2D(t, uv);
}`,
},
});
export default class ColorMatrix extends Component {
props: {
matrix: Array<number>,
children?: *,
};
render() {
const { children: t, matrix } = this.props;
return <Node shader={shaders.ColorMatrix} uniforms={{ t, m: matrix }} />;
}
}

46
packages/example-gl-react-camera-effects/src/Effects/ContrastSaturationBrightness.js Normal file
View File

@ -0,0 +1,46 @@
//@flow
import React, { Component } from "react";
import { GLSL, Node, Shaders } from "gl-react";
const shaders = Shaders.create({
ContrastSaturationBrightness: {
frag: GLSL`precision highp float;
varying vec2 uv;
uniform sampler2D t;
uniform float contrast;
uniform float saturation;
uniform float brightness;
const vec3 L = vec3(0.2125, 0.7154, 0.0721);
void main () {
vec4 c = texture2D(t, uv);
vec3 brt = c.rgb * brightness;
gl_FragColor = vec4(mix(
vec3(0.5),
mix(vec3(dot(brt, L)), brt, saturation),
contrast), c.a);
}`,
},
});
export default class ContrastSaturationBrightness extends Component {
props: {
contrast: number,
saturation: number,
brightness: number,
children?: *,
};
static defaultProps = {
contrast: 1,
saturation: 1,
brightness: 1,
};
render() {
const { children: t, contrast, saturation, brightness } = this.props;
return (
<Node
shader={shaders.ContrastSaturationBrightness}
uniforms={{ t, contrast, saturation, brightness }}
/>
);
}
}

32
packages/example-gl-react-camera-effects/src/Effects/FlyEye.js Normal file
View File

@ -0,0 +1,32 @@
//@flow
import React, { Component } from "react";
import { GLSL, Node, Shaders } from "gl-react";
const shaders = Shaders.create({
FlyEye: {
frag: GLSL`precision highp float;
varying vec2 uv;
uniform sampler2D t;
uniform float value;
void main () {
gl_FragColor = texture2D(
t,
uv + vec2(
0.01 * sin(uv.x * value * 200.0),
0.01 * sin(uv.y * value * 200.0)
)
);
}`,
},
});
export default class FlyEye extends Component {
props: {
value: number,
children?: *,
};
render() {
const { children: t, value } = this.props;
return <Node shader={shaders.FlyEye} uniforms={{ t, value }} />;
}
}

37
packages/example-gl-react-camera-effects/src/Effects/HueRotate.js Normal file
View File

@ -0,0 +1,37 @@
//@flow
import React, { Component } from "react";
import { GLSL, Node, Shaders } from "gl-react";
const shaders = Shaders.create({
HueRotate: {
frag: GLSL`precision highp float;
varying vec2 uv;
uniform sampler2D t;
uniform float hue;
const mat3 rgb2yiq = mat3(0.299, 0.587, 0.114, 0.595716, -0.274453, -0.321263, 0.211456, -0.522591, 0.311135);
const mat3 yiq2rgb = mat3(1.0, 0.9563, 0.6210, 1.0, -0.2721, -0.6474, 1.0, -1.1070, 1.7046);
void main() {
vec4 c = texture2D(t, uv);
vec3 yColor = rgb2yiq * c.rgb;
float originalHue = atan(yColor.b, yColor.g);
float finalHue = originalHue + hue;
float chroma = sqrt(yColor.b*yColor.b+yColor.g*yColor.g);
vec3 yFinalColor = vec3(yColor.r, chroma * cos(finalHue), chroma * sin(finalHue));
gl_FragColor = vec4(yiq2rgb*yFinalColor, c.a);
}`,
},
});
export default class HueRotate extends Component {
props: {
hue: number,
children?: *,
};
static defaultProps = {
hue: 0,
};
render() {
const { children: t, hue } = this.props;
return <Node shader={shaders.HueRotate} uniforms={{ t, hue }} />;
}
}

30
packages/example-gl-react-camera-effects/src/Effects/Negative.js Normal file
View File

@ -0,0 +1,30 @@
//@flow
import React, { Component } from "react";
import { GLSL, Node, Shaders } from "gl-react";
const shaders = Shaders.create({
Negative: {
frag: GLSL`precision highp float;
varying vec2 uv;
uniform sampler2D t;
uniform float factor;
void main () {
vec4 c = texture2D(t, uv);
gl_FragColor = vec4(mix(c.rgb, 1.0 - c.rgb, factor), c.a);
}`,
},
});
export default class Negative extends Component {
props: {
factor: number,
children?: *,
};
static defaultProps = {
factor: 1,
};
render() {
const { children: t, factor } = this.props;
return <Node shader={shaders.Negative} uniforms={{ t, factor }} />;
}
}

61
packages/example-gl-react-camera-effects/src/Effects/index.js Normal file
View File

@ -0,0 +1,61 @@
//@flow
import React, { PropTypes } from "react";
import Blur from "./Blur";
import ContrastSaturationBrightness from "./ContrastSaturationBrightness";
import Negative from "./Negative";
import HueRotate from "./HueRotate";
import ColorMatrix from "./ColorMatrix";
import Flyeye from "./FlyEye";
const mixArrays = (arr1, arr2, m) =>
arr1.map((v, i) => (1 - m) * v + m * arr2[i]);
// prettier-ignore
const matrixForSepia = sepia =>
mixArrays([
// Identity
1, 0, 0, 0,
0, 1, 0, 0,
0, 0, 1, 0,
0, 0, 0, 1
], [
// one way to do Sepia: grayscale & use alpha channel to add red & remove blue
.3, .3, .3, 0,
.6, .6, .6, 0,
.1, .1, .1, 0,
0.2, 0, -0.2, 1
], sepia);
const Effects = ({
children,
width,
height,
blur,
contrast,
saturation,
brightness,
negative,
hue,
sepia,
flyeye,
}) => (
<ColorMatrix matrix={matrixForSepia(sepia)}>
<Flyeye value={flyeye}>
<HueRotate hue={hue}>
<Negative factor={negative}>
<ContrastSaturationBrightness
contrast={contrast}
saturation={saturation}
brightness={brightness}
>
<Blur passes={6} factor={blur} width={width} height={height}>
{children}
</Blur>
</ContrastSaturationBrightness>
</Negative>
</HueRotate>
</Flyeye>
</ColorMatrix>
);
export default Effects;

63
packages/example-gl-react-camera-effects/src/Field.js Normal file
View File

@ -0,0 +1,63 @@
//@flow
import React, { Component } from "react";
import { TouchableOpacity, View, Text, Slider, StyleSheet } from "react-native";
const styles = StyleSheet.create({
field: {
flexDirection: "row",
alignItems: "center",
},
title: {
width: 120,
textAlign: "right",
fontSize: 14,
fontFamily: "Helvetica",
},
value: {
width: 80,
},
range: {
flex: 1,
height: 20,
margin: 6,
},
});
export default class Field extends Component {
props: {
value: number,
id: string,
name: string,
min?: number,
max?: number,
step?: number,
prettyPrint: (value: number) => string,
onChange: (value: number, id: string) => void,
onReset: (id: string) => void,
};
onChange = (value: number) => {
this.props.onChange(value, this.props.id);
};
onReset = () => {
this.props.onReset(this.props.id);
};
render() {
const { min, max, step, value, name, prettyPrint } = this.props;
return (
<View style={styles.field}>
<TouchableOpacity onPress={this.onReset}>
<Text style={styles.title}>{name}</Text>
</TouchableOpacity>
<Slider
style={styles.range}
minimumValue={min}
maximumValue={max}
step={step || 0.01}
value={value}
onValueChange={this.onChange}
/>
<Text style={styles.value}>{prettyPrint(value)}</Text>
</View>
);
}
}

2
packages/gl-react-expo/src/GLViewNative.js
View File

@ -6,7 +6,7 @@ import { GLView as EXGLView } from "expo";
const propTypes = {
onContextCreate: PropTypes.func.isRequired,
style: PropTypes.object,
style: PropTypes.any,
};
export default class GLViewNative extends Component {

2
packages/gl-react-native/src/EXGLView.js
View File

@ -15,8 +15,6 @@ export default class EXGLView extends React.Component {
// [iOS only] Number of samples for Apple"s built-in multisampling.
msaaSamples: PropTypes.number,
...View.propTypes,
};
static defaultProps = {

2
packages/gl-react-native/src/GLViewNative.js
View File

@ -6,7 +6,7 @@ import EXGLView from "./EXGLView";
const propTypes = {
onContextCreate: PropTypes.func.isRequired,
style: PropTypes.object,
style: PropTypes.any,
};
export default class GLViewNative extends Component {

5
packages/undo-unsupported-symlinks.sh
View File

@ -14,3 +14,8 @@ cd cookbook-expo
rm -f node_modules/gl-react node_modules/gl-react-expo node_modules/cookbook-rn-shared
npm i ../gl-react ../gl-react-expo ../cookbook-rn-shared
cd -
cd example-gl-react-camera-effects
rm -f node_modules/gl-react node_modules/gl-react-expo
npm i ../gl-react ../gl-react-expo
cd -