Patchies: An Audio-Visual Tool for Web-Based Patch Creation 🎨🔊

Table of Contents

• Overview
• Features
• Technologies Used
• Installation
• Usage
• Examples
• Contributing
• License
• Contact

Overview

Patchies is an innovative audio-visual tool designed for creating patches directly on the web. With its user-friendly interface, Patchies allows artists, musicians, and developers to craft unique audio-visual experiences without the need for extensive coding knowledge.

This tool leverages various technologies to provide real-time audio and visual manipulation, making it ideal for live performances, installations, and creative coding.

Features

• Real-Time Audio-Visual Interaction: Create dynamic visuals that respond to audio input.
• Web-Based Interface: No need for downloads; work directly in your browser.
• Live Coding Support: Modify patches on-the-fly for immediate feedback.
• Cross-Platform Compatibility: Works seamlessly on various devices and operating systems.
• Community-Driven: Join a growing community of creators sharing patches and ideas.

Technologies Used

Patchies is built using a combination of modern web technologies:

• p5.js: A JavaScript library that makes coding accessible for artists and designers.
• Svelte: A modern framework for building user interfaces with a focus on performance.
• GLSL: The OpenGL Shading Language for creating custom shaders.
• Hydra: A live coding environment for visuals.
• Strudel: A framework for audio-visual programming.
• XYFlow: A tool for visual programming with a focus on audio-visual projects.
• Algorave: A community that combines algorithmic music and live coding.

Installation

To get started with Patchies, follow these simple steps:

1. Visit the Releases section to download the latest version.
2. Extract the downloaded files.
3. Open the index.html file in your preferred web browser.
4. Start creating your patches!

Usage

Once you have Patchies running, you can begin creating your audio-visual patches. The interface is intuitive, allowing you to drag and drop elements to build your visual and audio compositions.

Basic Workflow

1. Select an Audio Source: Choose from available audio inputs or upload your own.
2. Create Visuals: Use the visual editor to create shapes, colors, and effects that respond to your audio.
3. Live Coding: Modify your code in real-time to see instant changes.
4. Save and Share: Save your patches and share them with the community.

Examples

Here are a few examples of what you can create with Patchies:

• Interactive Installations: Use Patchies to create immersive environments that react to audience movement and sound.
• Live Performances: Combine music and visuals for a captivating live show.
• Educational Tools: Use Patchies in classrooms to teach concepts of sound and visual interaction.

Example Projects

• Sound and Light Show: A project that synchronizes lights with music.
• Interactive Art Piece: A visual piece that changes based on audience input.
• Algorithmic Music: Create music using algorithms that generate unique sounds.

Contributing

We welcome contributions from everyone! If you have ideas, bug fixes, or new features, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or fix.
3. Make your changes and commit them.
4. Push to your forked repository.
5. Create a pull request.

Your contributions help us improve Patchies for everyone!

License

Patchies is licensed under the MIT License. See the LICENSE file for more information.

Contact

For questions, feedback, or support, please reach out:

• Email: support@patchies.com
• Twitter: @patchies
• GitHub: Machi31

Explore more by visiting the Releases section for updates and new features!

Join the Patchies community today and start creating!