A dynamic Lego Minifigure customizer application that allows users to create and modify their own Lego minifigure by adjusting facial expressions, and customizing the upper and lower body colors. This project showcases the interplay between CSS, HTML, and JavaScript to create an interactive and fun user experience.
- Customizable Facial Expressions:
- Users can switch between various facial expressions including classic, smile, large-smile, worried, frown, and surprised.
- Dynamic Color Adjustments:
- Modify the upper and lower body colors using hue, saturation, and lightness controls.
- Interactive Controls:
- Buttons to explode (scale down) and randomize the minifigure's appearance.
- HTML: Structure and content of the project.
- CSS: Styling, layout, and animations.
- JavaScript: Functionality and interaction.
- Google Fonts: Font styling.
- Clone the repository:
git clone https://github.com/CheeStrawberry/Lego.git
- Navigate to the project directory:
cd Lego
- Open the
index.html
file in your preferred web browser.
- Upon loading, the webpage displays a default Lego minifigure.
- Use the "Expression" slider to change the facial expression of the minifigure.
- Adjust the color sliders to change the hues, saturation, and lightness of the upper and lower body.
- Use the "Explode" button to scale down the minifigure and "Randomize" to apply random modifications.
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch
- Make your changes and commit them:
git commit -m "Add new feature"
- Push to the branch:
git push origin feature-branch
- Create a Pull Request.
This project is licensed under the MIT License.
I’d be happy to answer any questions or take any suggestions to improve the output :)