Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uditmahato/beautiful_ugly
This is a simple web-based game that allows users to either upload an image or capture one using their device's camera. The captured or uploaded image is then classified by the system as either "beautiful" or "ugly" (for entertainment purposes only).
https://github.com/uditmahato/beautiful_ugly
beautiful-ugly css css-grid facedetection fungame html javascript
Last synced: about 16 hours ago
JSON representation
This is a simple web-based game that allows users to either upload an image or capture one using their device's camera. The captured or uploaded image is then classified by the system as either "beautiful" or "ugly" (for entertainment purposes only).
- Host: GitHub
- URL: https://github.com/uditmahato/beautiful_ugly
- Owner: uditmahato
- Created: 2024-02-12T20:51:56.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-01T12:08:27.000Z (9 months ago)
- Last Synced: 2024-03-02T10:28:16.750Z (9 months ago)
- Topics: beautiful-ugly, css, css-grid, facedetection, fungame, html, javascript
- Language: JavaScript
- Homepage: https://face.sunwaystudentcouncil.com
- Size: 9.01 MB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Beauty Classification Game
## Introduction
This is a simple web-based game that allows users to either upload an image or capture one using their device's camera. The captured or uploaded image is then classified by the system as either "beautiful" or "ugly" (for entertainment purposes only).
## Instructions
1. **Upload Image**: Click on the "Choose File" button to upload an image from your device.
2. **Capture Image**: If your device supports it, click on the "Capture" button to take a picture using your device's camera.
3. **Classify Image**: After uploading or capturing an image, click on the "Classify" button to see the system's classification.
## Browser Compatibility
The game requires access to the device's camera. Make sure your browser supports the `getUserMedia` API for camera access. If your browser does not support camera access, you'll receive an alert message informing you of this limitation.
## How It Works
- **Image Selection**: The game allows users to select an image file from their device or capture one using the device's camera.
- **Image Processing**: The selected/captured image is displayed on the screen for review.
- **Image Classification**: The system randomly classifies the image as either "beautiful" or "ugly" (for entertainment purposes only).
- **Result Display**: The classification result is displayed to the user.
## Note
- The image classification is purely random using probablity of **30% for the Ugly** and **70% for the beautiful** and for entertainment purposes only.
- This game does not store any images or personal data.
## Technologies Used
- JavaScript
- HTML
- CSS
## Code Structure
- **Main Script**: The main functionality of image selection, processing, and classification is implemented in JavaScript.
- **HTML Elements**: The HTML file contains elements for image input, video capture, and result display.
- **CSS Styling**: The CSS file provides styling for the user interface elements.
## Development
- **Contributing**: Contributions are welcome. Fork the repository, make your changes, and submit a pull request.
- **Issues**: If you encounter any issues or have suggestions for improvement, please open an issue on the GitHub repository.
## Credits
Don't forget to give credit by giving star .
## License
This project is licensed under the [MIT License](LICENSE).You may use this game by forking this repository . You may modify this and make changes in the design and devleopment under the MIT licence.
Enjoy playing the Beauty Classification Game!