PestOSC

🇬🇧 English

PestOSC is an experimental swimming pool built with p5.js .

✨ Features

• 🎛 Frequency & Amplitude Control: Glide your mouse across the canvas and watch as the sound dances to your command—left and right for frequency, up and down for amplitude.

• 🎼 Sound Types: Flip through the sounds  with just a tap of your keyboard—sine, triangle, sawtooth.
• 🔄 Mode Switching: Hit 'M'  or 'm' to flip between visual mode and a hands-on instrument mode, changing how you interact with PestOSC.
• 🎨 Dynamic Visuals: The canvas morphs with your mouse movements.

🚀 How to Use

1. 🔊 Start/Stop Sound: A simple click inside the canvas makes sound or not . Click again, and it fades into silence.
2. 🎚 Control Sound: Your mouse is the conductor—horizontal movements for frequency, vertical for amplitude.
3. 🔁 Change Oscillator Type: Press 'A', 'S', 'D', 'F' (or lower cases) to switch between sines.
4. 🔄 Switch Modes: 'M' is your magic key, transforming your canvas .

Known issues

• This may not work on all browsers (works on Firefox). If this doesn't work here, you can try it on p5.js editor here too. 
• Doesn't work on smartphone.

Project in development, new features to come.

--------------------------------

🇫🇷 Français

PestOSC est une piscine expérimentale conçue avec p5.js

✨ Fonctionnalités

• 🎛 Contrôle de Fréquence & d'Amplitude : Faites glisser votre souris sur le canvas et observez le son danser sous vos commandes—gauche et droite pour la fréquence, haut et bas pour l'amplitude.

• 🎼 Types de Son : Parcourez les sons d'une simple pression sur votre clavier—sinusoïdal, triangulaire, en dents de scie, carré—chaque touche offrant une texture sonore différente.
• 🔄 Changement de Mode : Appuyez sur 'M' ou 'm' pour basculer entre un mode visuel et un mode instrument interactif, changeant votre interaction avec PestOSC.
• 🎨 Visuels Dynamiques : Le canvas se transforme avec les mouvements de votre souris.

🚀 Comment Utiliser

1. 🔊 Démarrer/Arrêter le Son : Un simple clic dans le canvas donne vie au son. Cliquez de nouveau, et il s'évanouit dans le silence.
2. 🎚 Contrôler le Son : Votre souris est le chef d'orchestre—mouvements horizontaux pour la fréquence, verticaux pour l'amplitude.
3. 🔁 Changer le Type d'Oscillateur : Appuyez sur 'A', 'S', 'D', 'F'(ou minuscule) pour naviguer entre les textures sonores.
4. 🔄 Changer de Modes : 'M' est votre clé magique, transformant votre canvas .

Problèmes connus

• Ce projet ne semble pas convenir à tous les navigateurs (fonctionne sous Firefox). Si cela ne fonctionne pas, vous pouvez essayer PestOSC dans l'éditeur de p5.js ici. 
• Ne fonctionne pas sur mobile

Projet en développement. Nouvelles fonctionnalités à venir.