RNShaderCard

This is a react native project, in which I'm tinkering with different shaders followed by trying to recreate

https://poke-holo.simey.me/ created by simey

using react-native-skia.

The details about this project is explained in Shiny holographic cards in react native using Skia.

Getting Started

yarn start
yarn android
yarn ios

Folders

assets - Contains all the assets used in the project. src - Contains all the source code.

Entry point for the app is Playground.tsx. Different examples are in

1. src/ShaderExample.tsx
   
   Watch ShaderExample video
   
   

2. src/LuffyExample.tsx
   
   Watch LuffyExample video
   
   

3. Glare Example
   
   Watch Glare Example video
   
   

4. src/PokemonCard.tsx
   
   Watch PokemonCard video
   
   

Appreciation

1. An Introduction to Shader Art Coding by kishimisu
2. https://poke-holo.simey.me/ created by simey