https://github.com/Rahiche/leather_background

Leather background shader demo in Flutter
https://github.com/Rahiche/leather_background

Last synced: 7 days ago
JSON representation

Leather background shader demo in Flutter

• Host: GitHub
• URL: https://github.com/Rahiche/leather_background
• Owner: Rahiche
• Created: 2024-01-27T12:32:52.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-08-05T08:56:20.000Z (3 months ago)
• Last Synced: 2024-10-30T20:13:07.482Z (11 days ago)
• Language: Dart
• Homepage:
• Size: 239 KB
• Stars: 49
• Watchers: 1
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Leather Background Shader Demo

## Introduction

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.

## How it looks like

![Screenshot](https://i.imgur.com/SZvSU1T.png)

https://github.com/Rahiche/leather_background/assets/37366956/bec8e67c-d7ba-450e-823f-f18d200a8378

## Structure

- main.dart: All the code is here in one page

- leather.frag: Fragment shader for the leather effect.

## Usage

Note: Tested on iOS only

You can test the light movement by:

1. Tilting the Device

2. Dragging Across the Screen

## Credits

- Original shader code adapted from [@dejager](https://twitter.com/dejager).

- Original source: GitHub [dejager/wallpaper](https://github.com/dejager/wallpaper/)