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
• Email: saqlainrazee@gmail.com

License

MIT License - Feel free to use, modify, and distribute this code.

---

© 2025 Saqlain Abbas. All Rights Reserved.