This Flutter project showcases advanced CustomPainter
usage by creating a vectorized PS5 controller that users can customize. The app allows for color changes through a selector and offers additional styles for further personalization of the controller design.
- Vectorized PS5 Controller: Utilize
CustomPainter
to draw a detailed, vectorized representation of the PS5 controller. - Color Customization: A color picker lets users change the controller's color to their preference.
- Design Variations: Users can switch between two additional controller designs, enabling further stylization.
To get a local copy up and running, follow these simple steps.
- Flutter 3.19
- Dart 2.17 (Ensure your environment is set up for these versions.)
- Clone the repo:
git clone https://github.com/LucasMdosAnjos/custom_ps5_controller
- Navigate to the project directory:
cd custom_ps5_controller
- Install Flutter dependencies:
flutter pub get
- Run the app:
flutter run
After launching the app, you will see a vectorized PS5 controller displayed. Below the controller image, there are options for customization:
- Color Selector: Tap on the color palette to choose a new color for your controller.
- Design Selector: Use the design selector buttons to switch between different controller styles.
- Flutter - Flutter 3.19 for creating beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
- Advanced
CustomPainter
techniques for detailed vector drawing.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.