Interactive Pattern Designer

A simple JavaScript browser application for creating and saving colored grid patterns. This tool allows users to create a grid of any size, fill it with colors, view the pattern in a run-length encoded format, and save the resulting image with a click of a button.

Note, only four colors are considered, as this is meant as prototyping tool for a 4-color-changer on a PASSAP knitting machine.

Features

• Create a grid with user-defined dimensions.
• Interactively color the grid using a palette of 4 colors.
• Display the pattern in a run-length encoded format.

Planned Features

• Save the designed pattern as an image file and json.

How to Run the Program

1. Clone the repository:

   git clone [email protected]:HiDefTextiles/interactive-pattern-designer.git

2. Navigate to the project directory:

   cd interactive-pattern-designer

3. Open the index.html file in your browser to run the application.

Usage

• Enter the desired number of rows and columns for your grid.
• Click the "Create Grid" button to generate the grid.
• Select a color from the dropdown menu.
• Click on any cell in the grid to color it.
• The pattern will be displayed in a run-length encoded format.
• Click the "Save Image" button to save the grid as an image.

Dependencies

This project requires a modern web browser to run.

License

The Interactive Pattern Designer is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

For commercial use, please contact Dr. Helga Ingimundardóttir at the University of Iceland.

Contributions

We welcome contributions from the community! Please read our contributing guide to get started.

Contact

For questions or feedback, please open an issue on the GitHub repository.