Welcome to the Interactive Tile Grid App! Here's how to get started:
ACTIVATING TILES: Click on a selector in the right grid to activate a tile. Click multiple times to round different corners.
DEACTIVATING TILES: Long press or right-click on a selector to deactivate the tile.
SPLITTING SHAPES: Click on an active tile in the left grid to split its shapes randomly.
DRAGGING TILES: Drag and drop tiles to rearrange them within the grid.
COLOR PALETTE: Click on a palette tile to set its color. Right-click or long press to clear it. Active palette colors are used for new shapes.
SET PALETTE: Click "SET PALETTE" to capture unique colors from active tiles into the palette.
RECOLOR: Click "RECOLOR" to randomize colors of active shapes.
MODE TOGGLE: Switch between "FRACTURE" mode and "COLOR" mode. In "FRACTURE" mode, clicking an active tile splits it into multiple shapes. In "COLOR" mode, clicking an active tile recolors the shape without splitting.
CONTROLS: Adjust "EXPOSURE", "SATURATION", "HUE", and "VARIANCE" sliders to customize the colors generated.
GRADIENT: Use the "GRADIENT" toggle switch to enable or disable gradient colors for new shapes.
DARK MODE: Toggle between light and dark mode using the "DARK" button.
DOWNLOAD: Click "DOWNLOAD" to save your creation as a PNG image.
RESET: Click "RESET" to clear the canvas and start over.