https://github.com/feduke-nukem/animated_glitch

Animated Glitch is a Flutter package that allows you to easily create glitch effects and control them
https://github.com/feduke-nukem/animated_glitch

animation colors cyberpunk dart filter flutter glitch package pubdev rgb

Last synced: 3 months ago
JSON representation

Animated Glitch is a Flutter package that allows you to easily create glitch effects and control them

• Host: GitHub
• URL: https://github.com/feduke-nukem/animated_glitch
• Owner: feduke-nukem
• License: mit
• Created: 2023-05-18T06:58:52.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-23T18:50:57.000Z (almost 2 years ago)
• Last Synced: 2025-03-24T12:21:51.818Z (3 months ago)
• Topics: animation, colors, cyberpunk, dart, filter, flutter, glitch, package, pubdev, rgb
• Language: Dart
• Homepage: https://pub.dev/packages/animated_glitch
• Size: 21.8 MB
• Stars: 32
• Watchers: 1
• Forks: 8
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        


 

     





    





    



 

     





## AnimatedGlitch  







 

  

#### What is `animated_glitch` ?

It is an open-source package for the Flutter framework that provides an animated glitching effect that can be controlled for a specified widget.

When applying the glitch effect, you have two main options: one with a shader and the other without. The choice may depend on your specific needs, such as performance, extensive customization, or visual output.

For instance, the non-shader version can accept various provided colors and generate corresponding color channels, while the non-shader version is limited to only three colors (RGB). However, the shader version typically offers better performance and a richer visual effect.

## Comparison

With shader:

![ezgif-3-67648a42b4](https://github.com/feduke-nukem/animated_glitch/assets/72284940/9c2a718e-39f4-4c72-b07a-e5dc4ff7d689)

Without shader:



## Documentation

- [With shader](https://pub.dev/documentation/animated_glitch/latest/topics/With%20shader-topic.html)

- [Without shaders](https://pub.dev/documentation/animated_glitch/latest/topics/Without%20shader-topic.html)

## Playground

You can play around with the settings on a [playground](https://feduke-nukem.github.io/animated_glitch_playground/#/).

**Inspired by [f_glitch](https://pub.dev/packages/f_glitch)**