Jetpack Compose Canvas

Welcome to the Jetpack Compose Canvas repository! 🎨

This repository showcases various visual effects and custom drawing techniques built using Jetpack Compose. The goal is to explore creative ways to manipulate images and graphics in modern Android applications.

Effects

1. Flashlight Effect

This effect simulates a flashlight by revealing parts of an image through a circular area that follows your touch.

Features:

• Interactive Dragging: Move your finger across the screen to change the position of the flashlight.
• Radial Gradient: A soft radial gradient is applied around the touch area to enhance the flashlight effect.

FlashLightMuted.mp4

2. Grayscale Effect

In this effect, the image is initially displayed in color except for a circular area that is grayed out. As you move the circle, it reveals the grayscale version of the image.

Features:

• Color to Grayscale: The image starts in color, with a circular area that displays a grayscale version. The grayscale area moves with your touch.
• Drag Interaction: The grayed-out circle follows your finger as you drag it across the screen.

Gray.Scale.muted.mp4

3. Color Reveal Effect

This effect displays an image in grayscale, with a circular area that reveals the original colors when touched.

Features:

• Color Reveal: A circular area follows your touch, clearing the grayscale effect and revealing the original image colors underneath.
• Drag Interaction: The color reveal circle moves as you drag your finger across the screen.

Color.Reveal.muted.mp4

4. YinYang Theme Switch

This feature introduces an interactive YinYang switcher that allows users to toggle between light and dark themes with a smooth animation.

Features:

• Interactive Toggle: Switch between light and dark themes by tapping on the YinYang icon.
• Smooth Animation: The YinYang icon rotates and animates seamlessly, providing a delightful user experience.
• Dynamic Theme Application: Themes change instantly, adapting the UI colors based on the current mode.

YinYang.mp4

Getting Started

To explore the effects, clone the repository and open it in Android Studio:

git clone https://github.com/ayush19sinha/Jetpack_Compose_Canvas.git