Welcome to the Sprite Generator! This project allows you to create and visualize sprite data in both hexadecimal and binary formats using an interactive LED matrix. Customize the size of your matrix, toggle LED states, and switch between output formats effortlessly. 🎉
- Adjustable Grid Size: Customize the number of rows and columns.
- Toggle LEDs: Click on grid cells to toggle their state.
- Output Formats: Generate sprite data in hexadecimal or binary format.
- Concatenated Hex Output: Option to generate data for the entire row.
- Brightness Control: Adjust the brightness value, which gets appended to the output data.
- Responsive Design: The interface is responsive and works well on different devices.
To run this project, you only need a web browser.
-
Clone the repository:
git clone https://github.com/circuito-suman/sprites_generator.git cd sprites_generator -
Open the
index.htmlfile in your favorite web browser.
-
Adjust Grid Size:
- Use the input fields to set the number of rows and columns for the LED matrix.
-
Toggle LEDs:
- Click on the LED buttons to toggle their state (on/off). The button will change color to indicate its state.
-
Select Output Format:
- Use the toggle switch to select between hexadecimal and binary output formats.
-
Whole Row Bits:
- Use the toggle switch to generate data for the entire row, including brightness bits.
-
Brightness Control:
- Use the slider to adjust the brightness value. This value will be appended to the output data.
-
View Output:
- The generated sprite data will be displayed in the text area. It updates automatically based on the matrix state and selected options.
sprite-generator/
├── index.html
├── styles.css
├── script.js
└── README.md
Thank you for checking out this project! If you have any questions or suggestions, feel free to open an issue or reach out to me on social media. Happy sprite generating! 💻✨
👋 Hi, I'm Suman Saha, a Computer Science Engineering student passionate about technology and coding. 🌱 I'm currently learning about Web Development.
This project is licensed under the MIT License - see the LICENSE file for details.