add exposure filter 🎉

Author: GregoryNative

.gitignore

@@ -5,4 +5,11 @@ node_modules/
 
 # Files
 yarn-error.log
-.DS_Store
+<<<<<<< HEAD
+.DS_Store
+=======
+.DS_Store
+.idea
+yarn.lock
+package-lock.json
+>>>>>>> 4269836... add exposure filter 🎉

README.md

@@ -7,7 +7,8 @@ OpenGL bindings for React Native to implement complex effects over images and co
   - negative
   - sepia
   - sharpen
-  - tempreture.
+  - temperature
+  - 🆕 exposure. 
 
 ![](https://github.com/GregoryNative/react-native-gl-image-filters/blob/master/cat-gl-filters.gif)
 
@@ -32,6 +33,7 @@ OpenGL bindings for React Native to implement complex effects over images and co
 | saturation | Saturation filter | Number |   | 1 |
 | brightness | Brightness filter | Number |   | 1 |
 | temperature | Temperature filter | Number |   | 6500 |
+| 🆕 exposure | Exposure filter | Number |   | 0 |
 
 #### Recommended Min and Max range for each filter
 

examples/web/package.json

@@ -13,6 +13,7 @@
     "react-scripts": "3.4.1"
   },
   "scripts": {
+    "preinstall": "cd ../.. && yarn && yarn compile",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",

examples/web/src/App.js

@@ -49,6 +49,12 @@ const settings = [
     minValue: 1000.0,
     maxValue: 40000.0,
   },
+  {
+    name: 'exposure',
+    step: 0.05,
+    minValue: -1.0,
+    maxValue: 1.0,
+  },
 ];
 
 export default class App extends Component {
@@ -66,6 +72,7 @@ export default class App extends Component {
       saturation: 1,
       brightness: 1,
       temperature: 6500,
+      exposure: 0,
     };
   };
 
@@ -108,6 +115,7 @@ export default class App extends Component {
             defaultValue={this.state[filter.name]}
             minimum={filter.minValue}
             maximum={filter.maxValue}
+            step={filter.step}
             onChange={value => this.setState({[filter.name]: value})}
           />
         ))}

examples/web/src/Filter.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Slider } from '@material-ui/core';
 
-export default ({name, defaultValue, minimum = 0, maximum, onChange}) => (
+export default ({name, defaultValue, minimum = 0, maximum, step = 1, onChange}) => (
   <div className="App-filter">
     <p className="App-filter-name">{name}</p>
     <Slider
@@ -10,6 +10,7 @@ export default ({name, defaultValue, minimum = 0, maximum, onChange}) => (
       defaultValue={defaultValue}
       min={minimum}
       max={maximum}
+      step={step}
       onChangeCommitted={(_, value) => onChange(value)}
     />
     <style jsx>{`