An open-source demo project demonstrating the integration of shaders, sensor data, and Flutter for creating a dynamic, interactive background. This project uses a custom fragment shader to render a leather-like texture that responds to device movements and user interactions.
RPReplay_Final1706358467.mov
- main.dart: All the code is here in one page
- leather.frag: Fragment shader for the leather effect.
Note: Tested on iOS only
You can test the light movement by:
- Tilting the Device
- Dragging Across the Screen
- Original shader code adapted from @dejager.
- Original source: GitHub dejager/wallpaper
- Photo by eberhard grossgasteiger from Pexels: https://www.pexels.com/photo/mountain-at-night-under-a-starry-sky-1624496/