gl-react-exponent -> gl-react-expo
2
.github/ISSUE_TEMPLATE.md
vendored
@ -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
|
||||
|
||||
@ -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!
|
||||
```
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
import "exponent";
|
||||
import Exponent from "exponent";
|
||||
import App from "./src";
|
||||
Exponent.registerRootComponent(App);
|
||||
@ -1,3 +1,3 @@
|
||||
node_modules/**/*
|
||||
.exponent/*
|
||||
.expo/*
|
||||
npm-debug.*
|
||||
@ -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
@ -0,0 +1,4 @@
|
||||
import "expo";
|
||||
import Expo from "expo";
|
||||
import App from "./src";
|
||||
Expo.registerRootComponent(App);
|
||||
@ -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": {
|
||||
|
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 131 KiB After Width: | Height: | Size: 131 KiB |
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 242 KiB After Width: | Height: | Size: 242 KiB |
|
Before Width: | Height: | Size: 155 KiB After Width: | Height: | Size: 155 KiB |
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 296 KiB After Width: | Height: | Size: 296 KiB |
@ -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>
|
||||
},
|
||||
};
|
||||
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 136 KiB |
|
Before Width: | Height: | Size: 134 KiB After Width: | Height: | Size: 134 KiB |
|
Before Width: | Height: | Size: 138 KiB After Width: | Height: | Size: 138 KiB |
|
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 137 KiB |
|
Before Width: | Height: | Size: 134 KiB After Width: | Height: | Size: 134 KiB |
|
Before Width: | Height: | Size: 134 KiB After Width: | Height: | Size: 134 KiB |
|
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 137 KiB |
|
Before Width: | Height: | Size: 138 KiB After Width: | Height: | Size: 138 KiB |
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 686 KiB After Width: | Height: | Size: 686 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 126 KiB After Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 128 KiB |
|
Before Width: | Height: | Size: 131 KiB After Width: | Height: | Size: 131 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 129 KiB After Width: | Height: | Size: 129 KiB |
@ -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";
|
||||
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 81 KiB |
@ -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";
|
||||
|
Before Width: | Height: | Size: 169 KiB After Width: | Height: | Size: 169 KiB |
|
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 259 KiB |
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 112 KiB |
|
Before Width: | Height: | Size: 138 KiB After Width: | Height: | Size: 138 KiB |
|
Before Width: | Height: | Size: 220 KiB After Width: | Height: | Size: 220 KiB |
|
Before Width: | Height: | Size: 401 KiB After Width: | Height: | Size: 401 KiB |
|
Before Width: | Height: | Size: 168 KiB After Width: | Height: | Size: 168 KiB |
@ -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({
|
||||
@ -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: {
|
||||
@ -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";
|
||||
|
||||
@ -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";
|
||||
|
||||
@ -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
|
||||
@ -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
|
||||
@ -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 {
|
||||
@ -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`
|
||||
@ -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({
|
||||
@ -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.";
|
||||
@ -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";
|
||||
|
||||
|
Before Width: | Height: | Size: 298 KiB After Width: | Height: | Size: 298 KiB |
@ -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({
|
||||
@ -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({
|
||||
@ -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";
|
||||
|
||||
@ -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: {
|
||||
@ -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";
|
||||
|
||||
@ -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";
|
||||
|
||||
@ -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({
|
||||
@ -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({
|
||||
|
Before Width: | Height: | Size: 178 B After Width: | Height: | Size: 178 B |
@ -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";
|
||||
@ -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";
|
||||
|
||||
@ -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";
|
||||
@ -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({
|
||||