https://github.com/razee4315/harmoniform
HarmoniForm is an interactive web application that generates beautiful, customizable geometric patterns based on waveform mathematics.
https://github.com/razee4315/harmoniform
equation graphics math mathgraphics visulization visulizer
Last synced: about 1 year ago
JSON representation
HarmoniForm is an interactive web application that generates beautiful, customizable geometric patterns based on waveform mathematics.
- Host: GitHub
- URL: https://github.com/razee4315/harmoniform
- Owner: Razee4315
- Created: 2025-03-21T12:31:43.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-22T19:51:59.000Z (about 1 year ago)
- Last Synced: 2025-03-22T20:28:44.399Z (about 1 year ago)
- Topics: equation, graphics, math, mathgraphics, visulization, visulizer
- Language: JavaScript
- Homepage: https://razee4315.github.io/HarmoniForm/
- Size: 14.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HarmoniForm - Waveform Pattern Generator
## Overview
HarmoniForm is an interactive web application that generates beautiful, customizable geometric patterns based on waveform mathematics. Create mesmerizing designs by adjusting various parameters and export them as images or videos.
## Features
### Pattern Generation
- **Multiple Wave Types**: Sine, Cosine, Square, Triangle, Sawtooth, and more
- **Dual Wave System**: Combine two different waves with various blending modes
- **Animation**: Animate patterns with customizable speed and targets
- **Color Options**: Solid colors, gradients, and rainbow effects
### Presets
- **Built-in Presets**: Flower, Star, Spiral, Polygon, Sunburst, Galaxy, Snowflake, Vortex, Infinity, and Rainbow
- **Custom Presets**: Save your own designs for future use
### Export Options
- **PNG Export**: Save your patterns as high-quality PNG images
- **SVG Export**: Export as scalable vector graphics for print or further editing
- **Video Export**: Create animated videos with adjustable duration, FPS, and quality
## How to Use
1. **Adjust Basic Parameters**:
- Sides: Controls the symmetry of the pattern
- Radius: Sets the base size of the pattern
- Angle Increment: Adds internal lines for more complex patterns
- Rotation: Rotates the entire pattern
2. **Wave Settings**:
- Wave Type: Choose from different mathematical functions
- Frequency: Controls how many waves appear in the pattern
- Amplitude: Sets the height of the waves
- Phase: Shifts the waves around the pattern
3. **Secondary Wave** (Optional):
- Enable the secondary wave for more complex patterns
- Adjust its parameters independently
- Choose how to combine it with the primary wave
4. **Animation**:
- Toggle animation on/off
- Select what to animate (rotation, frequency, amplitude, or multiple)
- Adjust animation speed
5. **Export Your Creation**:
- Click "PNG" to save as an image
- Click "SVG" for vector format
- Click "Video" to create an animated version with custom settings
## Technical Details
HarmoniForm is built using:
- HTML5 Canvas for rendering
- Pure JavaScript for calculations and animations
- CSS for styling and responsive design
- MediaRecorder API for video export
## About the Developer
Created by Saqlain Abbas (Razee4315)
- GitHub: [Razee4315](https://github.com/Razee4315)
- Email: saqlainrazee@gmail.com
## License
MIT License - Feel free to use, modify, and distribute this code.
---
© 2025 Saqlain Abbas. All Rights Reserved.