{"id":20740675,"url":"https://github.com/kelset/react-native-glshaders-testing","last_synced_at":"2025-07-25T17:42:58.723Z","repository":{"id":109437242,"uuid":"93528389","full_name":"kelset/react-native-glshaders-testing","owner":"kelset","description":"Just a demo app that mimic some Instagram + Snapchat features","archived":false,"fork":false,"pushed_at":"2017-12-09T14:38:12.000Z","size":16437,"stargazers_count":55,"open_issues_count":0,"forks_count":11,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-21T18:14:11.478Z","etag":null,"topics":["glsl","react-native"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kelset.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-06-06T14:35:33.000Z","updated_at":"2024-08-05T08:43:53.000Z","dependencies_parsed_at":"2023-03-23T04:35:10.152Z","dependency_job_id":null,"html_url":"https://github.com/kelset/react-native-glshaders-testing","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kelset%2Freact-native-glshaders-testing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kelset%2Freact-native-glshaders-testing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kelset%2Freact-native-glshaders-testing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kelset%2Freact-native-glshaders-testing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kelset","download_url":"https://codeload.github.com/kelset/react-native-glshaders-testing/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250547213,"owners_count":21448446,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["glsl","react-native"],"created_at":"2024-11-17T06:29:34.023Z","updated_at":"2025-04-24T02:26:55.593Z","avatar_url":"https://github.com/kelset.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Testing GL shaders\n\nThis project is a [React Native](https://github.com/facebook/react-native) + [GLv3 alpha](https://github.com/gre/gl-react/tree/master/packages/gl-react-native) + [Expo](https://docs.expo.io/versions/v18.0.0/index.html) mashup to create a somewhat Instagram-like MVP with image filtering \u0026 stickers.\n\n**Preview:**\n\n![alt text](./preview.gif \"Preview\")\n\n## Trying it out\n\nTo see it in action, just follow these steps\n\n```sh\ngit clone https://github.com/kelset/react-native-glshaders-testing.git\n```\n\n```sh\ncd react-native-glshaders-testing\n```\n\n```sh\nnpm i\n```\n\n(*note: please make sure you are running npm v4*)\n\n```sh\nexp start\n```\n\nAnd then scan the QR code with the [Expo app](https://expo.io/).\n\n## Current issues\n\nHopefully step by step they will get solved.\n\n1. It's really slow\n1. On Android, the Save image works in a fancy way. If I add a sticker it actually shows the image.\n\n## Troubleshooting\n\nApparently, to make it work, there are some things to sort out:\n\n1. First thing to do is to follow what said in this StackOverflow [answer](https://stackoverflow.com/questions/27095077/how-do-i-use-toolsoverridelibrary-in-a-build-gradle-file) but write this `tools:overrideLibrary=\"fr.greweb.rngl\"`\n1. based on this [issue](https://github.com/facebook/react-native/issues/3976) here the way to fix it is to install Android's NDK `r10e`, downloadable from [here](https://developer.android.com/ndk/downloads/older_releases.html).\n1. And also adding [this](https://github.com/michel-kraemer/gradle-download-task/issues/58#issuecomment-240358283) is necessary.\n1. Temp [fix](https://github.com/gre/gl-react/pull/120/files) for GL -- can't make it work anymore, I'll stick to iOS simulator atm\n1. Need to use `npm@4.6.1` to make it work with Expo properly\n1. `gl-react-native` doesn't work when attached to the debugger\n\n## Acknowledgments\n\nThe work of this project is mostly a merge of these awesome projects by some awesome people:\n\n1. instagram like [filters](https://github.com/stoffern/gl-react-instagramfilters)\n1. sticker fanciness, inspired by [Jani's work](https://github.com/jevakallio/react-native-snap-demo)\n1. able to save images, via [`react-native-view-shot`](https://github.com/gre/react-native-view-shot)\n1. this fork from [Brent](https://github.com/brentvatne) that managed to make it work with Expo\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkelset%2Freact-native-glshaders-testing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkelset%2Freact-native-glshaders-testing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkelset%2Freact-native-glshaders-testing/lists"}