Thanks to visit codestin.com
Credit goes to github.com

Skip to content

circuito-suman/sprites_generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Sprite Generator

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. 🎉

🚀 Features

  • 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.

🛠 Getting Started

Prerequisites

To run this project, you only need a web browser.

Installation

  1. Clone the repository:

    git clone https://github.com/circuito-suman/sprites_generator.git
    cd sprites_generator
  2. Open the index.html file in your favorite web browser.

🌟 Usage

  1. Adjust Grid Size:

    • Use the input fields to set the number of rows and columns for the LED matrix.
  2. Toggle LEDs:

    • Click on the LED buttons to toggle their state (on/off). The button will change color to indicate its state.
  3. Select Output Format:

    • Use the toggle switch to select between hexadecimal and binary output formats.
  4. Whole Row Bits:

    • Use the toggle switch to generate data for the entire row, including brightness bits.
  5. Brightness Control:

    • Use the slider to adjust the brightness value. This value will be appended to the output data.
  6. View Output:

    • The generated sprite data will be displayed in the text area. It updates automatically based on the matrix state and selected options.

📸 To preview click the icon below

SpriteGenerator

🌐 Connect with Me

Feel free to reach out and connect with me on GitHub, Instagram and LinkedIn!

  • LinkedIn
  • Instagram

🖥️ Project Structure

sprite-generator/ 
├── index.html
├── styles.css
├── script.js
└── README.md 

🙏 Acknowledgements

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! 💻✨

About Me

👋 Hi, I'm Suman Saha, a Computer Science Engineering student passionate about technology and coding. 🌱 I'm currently learning about Web Development.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Use this sprites generator for your Led Matrix project

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published