Dark Mode

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Latest commit

History

History

Pattern_Creation_Game

Folders and files

NameName
Last commit message
Last commit date

parent directory

..

Readme.md

Pattern Creation Game

A web-based game that allows users to create, save, load, and share patterns using a customizable grid. Users can select colors, change brush sizes, use an eraser, and apply a fill tool to create intricate designs.

Features

1- Color Picker: Select any color using an HTML color input.
2- Brush Size Tool: Change the size of the brush to color multiple cells at once.
3- Eraser Tool: Erase colors from the grid cells.
4- Fill Tool: Fill the entire grid with the selected color.
5- Undo/Redo: Revert or reapply the last few actions.
6- Save Pattern: Save the current pattern as a JSON string.
7- Load Pattern: Load a pattern from a JSON string.
8- Clear Grid: Reset the entire grid to white.

How to Play

1- Select a Color: Use the color picker to choose a color, or click the "Eraser" to select the eraser tool.
2- Change Brush Size: Select the desired brush size from the dropdown menu.
3- Color the Grid: Click on grid cells to color them with the selected brush size and color.
4- Fill Grid: Click the "Fill Grid" button to fill the entire grid with the selected color.
5- Clear Grid: Click the "Clear Grid" button to reset the grid to white.
6- Undo/Redo: Use the "Undo" and "Redo" buttons to revert or reapply the last few actions.
7- Save Pattern: Click the "Save Pattern" button to save the current pattern as a JSON string in the textarea.
8- Load Pattern: Enter a JSON string in the textarea and click the "Load Pattern" button to load the pattern.