GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kelset → react-native-glshaders-testing

kelset / react-native-glshaders-testing

Licence: other
Just a demo app that mimic some Instagram + Snapchat features

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

react-nativeglsl

Projects that are alternatives of or similar to react-native-glshaders-testing

ShaderWriter
Library used to write shaders from C++, and export them in either GLSL, HLSL or SPIR-V.
Stars: ✭ 171 (+228.85%)
Mutual labels:  glsl
glslc
Simple GLSL compilation checker that uses the display driver
Stars: ✭ 24 (-53.85%)
Mutual labels:  glsl
card-game-GLSL
card game in the single GLSL shader
Stars: ✭ 20 (-61.54%)
Mutual labels:  glsl
hwoa-rang-gl
WebGL Library
Stars: ✭ 21 (-59.62%)
Mutual labels:  glsl
shaderview
A GLSL shader development tool for the LÖVE game framework.
Stars: ✭ 22 (-57.69%)
Mutual labels:  glsl
glsl-smaa
SMAA (Enhanced Subpixel Morphological Antialiasing) post-processing; WebGL (OpenGL ES 2.0) implementation with no fluff.
Stars: ✭ 54 (+3.85%)
Mutual labels:  glsl
radar
OpenGL 4 PBR engine
Stars: ✭ 25 (-51.92%)
Mutual labels:  glsl
Shader-Playgrounds
A WebGL shaders editor for beginners and otherwise.
Stars: ✭ 28 (-46.15%)
Mutual labels:  glsl
WaterColor
openframeworks parametric shader effect watercolor
Stars: ✭ 54 (+3.85%)
Mutual labels:  glsl
defisheye
convert ricoh-theta dual fisheye video to equirectangular format
Stars: ✭ 47 (-9.62%)
Mutual labels:  glsl
three-noise
Simple gradient noise library for use with Three.js. Now with fBm!
Stars: ✭ 31 (-40.38%)
Mutual labels:  glsl
ada
A general porpose OpenGL app library
Stars: ✭ 105 (+101.92%)
Mutual labels:  glsl
PhaserCHOP
A TouchDesigner channel operator for phase-staggered animations
Stars: ✭ 15 (-71.15%)
Mutual labels:  glsl
GLGrassRenderer
OpenGL Grass Renderer
Stars: ✭ 63 (+21.15%)
Mutual labels:  glsl
webgl-noise-examples
examples about noise
Stars: ✭ 72 (+38.46%)
Mutual labels:  glsl
cellular-automata-explorer
(WIP) An interactive web app for exploring cellular automata.
Stars: ✭ 18 (-65.38%)
Mutual labels:  glsl
spritekit-water-node
🌊 Custom SpriteKit node that allows to simulate 2D water with respect to physics. The app demonstrates Flocking behaviour using GameplayKit, key-frame animation and custom fragment shader chaining (GLSL) 🤯
Stars: ✭ 82 (+57.69%)
Mutual labels:  glsl
pilka
Another live-coding tool for creating shader demos, Vulkan+Wgpu powered.
Stars: ✭ 84 (+61.54%)
Mutual labels:  glsl
basegl-old
A blazing fast WebGL drawing API.
Stars: ✭ 21 (-59.62%)
Mutual labels:  glsl
glsl-doodle
Drawing patterns with glsl shaders on modern browsers.
Stars: ✭ 53 (+1.92%)
Mutual labels:  glsl
View All Similar Projects ➔

Testing GL shaders

This project is a React Native + GLv3 alpha + Expo mashup to create a somewhat Instagram-like MVP with image filtering & stickers.

Preview:

alt text

Trying it out

To see it in action, just follow these steps

git clone https://github.com/kelset/react-native-glshaders-testing.git
cd react-native-glshaders-testing
npm i

(note: please make sure you are running npm v4)

exp start

And then scan the QR code with the Expo app.

Current issues

Hopefully step by step they will get solved.

  1. It's really slow
  2. On Android, the Save image works in a fancy way. If I add a sticker it actually shows the image.

Troubleshooting

Apparently, to make it work, there are some things to sort out:

  1. First thing to do is to follow what said in this StackOverflow answer but write this tools:overrideLibrary="fr.greweb.rngl"
  2. based on this issue here the way to fix it is to install Android's NDK r10e, downloadable from here.
  3. And also adding this is necessary.
  4. Temp fix for GL -- can't make it work anymore, I'll stick to iOS simulator atm
  5. Need to use [email protected] to make it work with Expo properly
  6. gl-react-native doesn't work when attached to the debugger

Acknowledgments

The work of this project is mostly a merge of these awesome projects by some awesome people:

  1. instagram like filters
  2. sticker fanciness, inspired by Jani's work
  3. able to save images, via react-native-view-shot
  4. this fork from Brent that managed to make it work with Expo
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].