gl-react-exponent -> gl-react-expo

This commit is contained in:
Gaëtan Renaudeau 2017-03-29 13:28:06 +02:00
parent 80eb9e9583
commit db3bc31a27
182 changed files with 158 additions and 159 deletions

View File

@ -7,7 +7,7 @@
#### library version
```bash
npm ls gl-react gl-react-dom gl-react-native gl-react-exponent # Please run and paste the output of this
npm ls gl-react gl-react-dom gl-react-native gl-react-expo # Please run and paste the output of this
```
#### Expected behavior

View File

@ -15,7 +15,7 @@ This universal library must be coupled with one of the concrete implementations:
- [`gl-react-dom`](packages/gl-react-dom/) for React DOM (web using WebGL).
- **in progress** [`gl-react-native`](packages/gl-react-native/) for React Native (iOS/Android via OpenGL).
- **in progress** [`gl-react-exponent`](packages/gl-react-exponent/) for React Native (iOS/Android via OpenGL Exponent implementation).
- **in progress** [`gl-react-expo`](packages/gl-react-expo/) for React Native (iOS/Android via OpenGL Expo implementation).
- [`gl-react-headless`](packages/gl-react-headless/) for Node.js (used for testing for now)
## Links
@ -60,7 +60,7 @@ import the correct implementation,
```js
import {Surface} from "gl-react-dom"; // for React DOM
import {Surface} from "gl-react-exponent"; // for React Native via Exponent GLView
import {Surface} from "gl-react-expo"; // for React Native via Expo GLView
import {Surface} from "gl-react-native"; // for React Native
import {Surface} from "gl-react-headless"; // for Node.js!
```

View File

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

View File

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

View File

@ -1,8 +1,8 @@
{
"name": "gl-react-exponent-cookbook",
"name": "gl-react-expo-cookbook",
"description": "GL React Native Cookbook",
"slug": "gl-react-exponent-cookbook",
"sdkVersion": "13.0.0",
"slug": "gl-react-expo-cookbook",
"sdkVersion": "15.0.0",
"version": "1.0.0",
"orientation": "portrait",
"primaryColor": "#cccccc",

4
cookbook-expo/main.js Executable file
View File

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

View File

@ -6,16 +6,16 @@
"private": true,
"main": "main.js",
"dependencies": {
"@exponent/ex-navigation": "^2.7.1",
"exponent": "^13.0.0",
"@expo/ex-navigation": "^2.9.4",
"expo": "^15.0.0",
"gl-react": "next",
"gl-react-expo": "next",
"gl-react-expo": "../packages/gl-react-expo",
"glsl-transitions": "^2017.1.16",
"ndarray": "^1.0.18",
"raf": "^3.3.0",
"react": "~15.4.2",
"react-motion": "^0.4.7",
"react-native": "github:exponentjs/react-native#sdk-13.0.0",
"react-native": "github:exponentjs/react-native#sdk-15.0.0",
"seedrandom": "github:gre/seedrandom#released"
},
"scripts": {

View File

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 57 KiB

View File

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 131 KiB

View File

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 98 KiB

View File

Before

Width:  |  Height:  |  Size: 242 KiB

After

Width:  |  Height:  |  Size: 242 KiB

View File

Before

Width:  |  Height:  |  Size: 155 KiB

After

Width:  |  Height:  |  Size: 155 KiB

View File

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB

View File

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB

View File

Before

Width:  |  Height:  |  Size: 296 KiB

After

Width:  |  Height:  |  Size: 296 KiB

View File

@ -10,7 +10,7 @@ import {
import ListItem from "./ListItem";
import * as examples from "./examples";
import Router from "./Router";
import {Surface} from "gl-react-exponent";
import {Surface} from "gl-react-expo";
import {Node, Shaders, GLSL, Backbuffer, LinearCopy} from "gl-react";
import timeLoop from "./HOC/timeLoop";
@ -176,7 +176,7 @@ export default class Home extends React.Component {
navigationBar: {
renderTitle: () =>
<View style={styles.title}>
<Text style={styles.titleText}>gl-react-exponent</Text>
<Text style={styles.titleText}>gl-react-expo</Text>
</View>
},
};

View File

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

Before

Width:  |  Height:  |  Size: 136 KiB

After

Width:  |  Height:  |  Size: 136 KiB

View File

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 134 KiB

View File

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 138 KiB

View File

Before

Width:  |  Height:  |  Size: 137 KiB

After

Width:  |  Height:  |  Size: 137 KiB

View File

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 134 KiB

View File

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 134 KiB

View File

Before

Width:  |  Height:  |  Size: 137 KiB

After

Width:  |  Height:  |  Size: 137 KiB

View File

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 138 KiB

View File

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

View File

Before

Width:  |  Height:  |  Size: 686 KiB

After

Width:  |  Height:  |  Size: 686 KiB

View File

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 53 KiB

View File

Before

Width:  |  Height:  |  Size: 126 KiB

After

Width:  |  Height:  |  Size: 126 KiB

View File

Before

Width:  |  Height:  |  Size: 133 KiB

After

Width:  |  Height:  |  Size: 133 KiB

View File

Before

Width:  |  Height:  |  Size: 133 KiB

After

Width:  |  Height:  |  Size: 133 KiB

View File

Before

Width:  |  Height:  |  Size: 128 KiB

After

Width:  |  Height:  |  Size: 128 KiB

View File

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 131 KiB

View File

Before

Width:  |  Height:  |  Size: 133 KiB

After

Width:  |  Height:  |  Size: 133 KiB

View File

Before

Width:  |  Height:  |  Size: 132 KiB

After

Width:  |  Height:  |  Size: 132 KiB

View File

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 129 KiB

View File

@ -1,7 +1,7 @@
//@flow
import {
createRouter,
} from "@exponent/ex-navigation";
} from "@expo/ex-navigation";
import * as examples from "./examples";
import Home from "./Home";
import makeExample from "./makeExample";

View File

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 53 KiB

View File

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 81 KiB

View File

@ -1,7 +1,7 @@
//@flow
import React, { PureComponent, Component, PropTypes } from "react";
import { Shaders, Node, GLSL, Bus, LinearCopy } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import JSON2D from "react-json2d";
import {Blur1D} from "../blurxy";
import {Blur} from "../blurmulti";

View File

Before

Width:  |  Height:  |  Size: 169 KiB

After

Width:  |  Height:  |  Size: 169 KiB

View File

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 259 KiB

View File

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 112 KiB

View File

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 138 KiB

View File

Before

Width:  |  Height:  |  Size: 220 KiB

After

Width:  |  Height:  |  Size: 220 KiB

View File

Before

Width:  |  Height:  |  Size: 401 KiB

After

Width:  |  Height:  |  Size: 401 KiB

View File

Before

Width:  |  Height:  |  Size: 168 KiB

After

Width:  |  Height:  |  Size: 168 KiB

View File

@ -2,7 +2,7 @@
import React, { Component } from "react";
import { Animated, PanResponder, View } from "react-native";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import respondToTouchPosition from "../../HOC/respondToTouchPosition";
const shaders = Shaders.create({

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import { Shaders, Node, GLSL, connectSize } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
const shaders = Shaders.create({
blurV1D: {

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import { Shaders, Node, Bus, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import {BlurV} from "../blurmap";
import timeLoop from "../../HOC/timeLoop";

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import { Shaders, Node, Bus, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import {BlurV} from "../blurmap";
import respondToTouchPosition from "../../HOC/respondToTouchPosition";

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import { connectSize } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import { Blur1D } from "../blurxy";
// empirical strategy to chose a 2d vector for a blur pass

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import {Shaders, Node, GLSL, connectSize} from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
const shaders = Shaders.create({
blur1D: { // blur9: from https://github.com/Jam3/glsl-fast-gaussian-blur

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import {LinearCopy} from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import {BlurXY} from "../blurxy";
export default class Example extends Component {

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
const shaders = Shaders.create({
ColoredDisc: {
frag: GLSL`

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import colorScales from "./colorScales"; export {colorScales};
const shaders = Shaders.create({

View File

@ -2,7 +2,7 @@ import React from "react";
import colorScales from "./colorScales";
import makeSelect from "../../toolbox/makeSelect";
import { LinearCopy, NearestCopy } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
export const title = "color mapping with gradient texture";
export const description = "A gradient texture defines the color mapping of the image greyscale.";

View File

@ -1,7 +1,7 @@
//@flow
import React from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import timeLoop from "../../HOC/timeLoop";
import shadertoyTex17jpg from "./shadertoy-tex17.jpg";

View File

Before

Width:  |  Height:  |  Size: 298 KiB

After

Width:  |  Height:  |  Size: 298 KiB

View File

@ -2,7 +2,7 @@
import React, { Component, PureComponent } from "react";
import { View, Button } from "react-native";
import {Shaders, Node, GLSL, Bus, connectSize} from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import {DesertPassageLoop} from "../demodesert";
const shaders = Shaders.create({

View File

@ -1,7 +1,7 @@
//@flow
import React from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import timeLoop from "../../HOC/timeLoop";
const shaders = Shaders.create({

View File

@ -1,7 +1,7 @@
//@flow
import React from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import { DiamondCrop } from "../diamondcrop";
import timeLoop from "../../HOC/timeLoop";

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
const shaders = Shaders.create({
DiamondCrop: {

View File

@ -1,6 +1,6 @@
//@flow
import React, { Component } from "react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import { DiamondCrop } from "../diamondcrop";
import { HelloBlue } from "../helloblue";

View File

@ -1,6 +1,6 @@
import React, { Component } from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import timeLoop from "../../HOC/timeLoop";
import respondToTouchPosition from "../../HOC/respondToTouchPosition";

View File

@ -2,7 +2,7 @@
import React, { Component } from "react";
import { View, Text, StyleSheet } from "react-native";
import { Node, Visitor, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import timeLoop from "../../HOC/timeLoop";
const styles = StyleSheet.create({

View File

@ -1,7 +1,7 @@
//@flow
import React from "react";
import {Backbuffer,Shaders,Node,GLSL,NearestCopy} from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import timeLoop from "../../HOC/timeLoop";
export const shaders = Shaders.create({

View File

Before

Width:  |  Height:  |  Size: 178 B

After

Width:  |  Height:  |  Size: 178 B

View File

@ -1,7 +1,7 @@
//@flow
import React, { Component } from "react";
import { Backbuffer, Node, NearestCopy } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import {shaders} from "../gol";
import timeLoop from "../../HOC/timeLoop";
import gliderGunImage from "./glider-gun-64.png";

View File

@ -1,7 +1,7 @@
//@flow
import React from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import timeLoop from "../../HOC/timeLoop";
import {GameOfLife} from "../gol";

View File

@ -1,6 +1,6 @@
//@flow
import React, { Component } from "react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import timeLoop from "../../HOC/timeLoop";
import {GameOfLife} from "../gol";
import {Rotating} from "../golrot";

View File

@ -1,7 +1,7 @@
//@flow
import React from "react";
import { Shaders, Node, GLSL } from "gl-react";
import { Surface } from "gl-react-exponent";
import { Surface } from "gl-react-expo";
import timeLoop from "../../HOC/timeLoop";
const shaders = Shaders.create({

Some files were not shown because too many files have changed in this diff Show More