https://github.com/moritzsalla/tessera
Vanilla js tool for generating unique mosaic patterns using Perlin noise.
https://github.com/moritzsalla/tessera
generative generative-art parametric svg tool
Last synced: 4 months ago
JSON representation
Vanilla js tool for generating unique mosaic patterns using Perlin noise.
- Host: GitHub
- URL: https://github.com/moritzsalla/tessera
- Owner: moritzsalla
- License: mit
- Created: 2020-12-06T00:26:06.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2024-11-01T08:31:38.000Z (over 1 year ago)
- Last Synced: 2025-04-07T12:48:16.924Z (about 1 year ago)
- Topics: generative, generative-art, parametric, svg, tool
- Language: TypeScript
- Homepage: https://tessera01.vercel.app
- Size: 8.06 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tessera
Browser based tool for generating unique mosaic patterns using Perlin noise.
Generate your own designs here: https://grid-tool-vanilla.vercel.app. Be careful while exporting large and details patterns, they can get more complex than your vector program can handle 💣
## Features
- Interactive Grid Controls: Manipulate X-axis, Y-axis, and color parameters in real-time
- Shape Options
- SVG Export
- Real-time Preview
## Setup
Try it now: https://grid-tool-vanilla.vercel.app
Or run locally:
```bash
# Clone the repository
git clone https://github.com/yourusername/tessera.git
# Navigate to project directory
cd tessera
# Install dependencies
npm install
# Start development server
npm run dev
```
## Export Notes
Be mindful when exporting large or detailed patterns - complex SVGs can be demanding on vector editing software. Consider these guidelines:
## Technical Details
- Built with vanilla JavaScript
- Uses Perlin noise algorithms for pattern generation
- SVG-based rendering system
- 98.css for retro UI styling
## Examples
