PestOSC
PestOSC
🇬🇧 English
PestOSC is an experimental projectl built with the p5.js library.
✨ 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, square—each key offering a different sonic texture.
- 🔄 Switching Mode: Type 'M' or 'm' to flip between visual mode and a hands-on instrument mode, changing how you interact with PestOSC.
- 🎨 Dynamic Visuals: Canvas morphs with your mouse movements.
- 🌌 Delay & Reverb: Able/Disable delay and reverb effects with 'L' and 'R' buttons, adding depth and dimension to your sounds.
🚀 How to Use
- 🔊 Start/Stop Sound: A simple click inside the canvas starts the sound. Click again, and it fades into silence.
- 🎚 Control Sound: Your mouse is the conductor—horizontal movements for frequency, vertical for amplitude.
- 🔁 Change Oscillator Type: Press 'A', 'S', 'D', 'F' (or lower cases) to switch between sine, triangle, sawtooth, and square waves.
- 🔄 Switch Modes: 'M' is your key, transforming your canvas from visual mode to instrument mode.
- 🌌 Effects Control: Press 'R' to toggle reverb and 'L' to toggle delay.
Known Issues
- This may not work on all browsers (works on Firefox). If this doesn't work here,.
Project in development. New features to come.
🇫🇷 Français
PestOSC est un projet expérimental conçu avec la bibliothèque p5.js.
✨ Fonctionnalités
- 🎛 Contrôle de Fréquence & d'Amplitude: Glissez 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, changeant votre interaction avec PestOSC.
- 🎨 Visuels Dynamiques: Le canvas se transforme avec les mouvements de votre sourisen ayant cliqué ou non sur "M" ou "m".
- 🌌 Delay & Reverb: Activez ou désactivez les effets de délai et de réverbération avec 'L' et 'R', ajoutant profondeur et dimension à vos sons.
🚀 Comment Utiliser
- 🔊 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.
- 🎚 Contrôler le Son: Votre souris est le chef d'orchestre—mouvements horizontaux pour la fréquence, verticaux pour l'amplitude.
- 🔁 Changer le Type d'Oscillateur: Appuyez sur 'A', 'S', 'D', 'F' (ou minuscule : 'a', 's', 'd' ou 'm') pour naviguer entre les textures sonores.
- 🔄 Changer de Modes: 'M' est votre clé magique, transformant votre espace du mode visuel au mode instrument.
- 🌌 Contrôle des Effets: Appuyez sur 'R' pour activer/désactiver la réverbération et sur 'L' pour activer/désactiver le délai.
Problèmes Connus
- Ce projet ne fonctionne pas sur tous les navigateurs (fonctionne sous Firefox).
Projet en développement. Nouvelles fonctionnalités à venir.
Status | In development |
Category | Other |
Platforms | HTML5 |
Author | Lehomar2vinci |
Tags | Experimental, glitch, Instrument, javascript, Music, osc, p5js, Soundtoy, synth, Visualization |
Average session | A few seconds |
Languages | English, French |
Accessibility | Color-blind friendly |
Download
Download NowName your own price
Click download now to get access to the following files:
PestOSC_0.4.zip 5.6 kB
PestOSC0.3.zip 4.6 kB
PestOSC0.2.zip 2.9 kB
OSCToy0.1.zip 2.5 kB
Development log
- Delay and Reverb release !May 30, 2024
Comments
Log in with itch.io to leave a comment.
Humm ça ne marche pas chez moi, j'ai essayé sur Firefox, Chrome, Edge et même Vivaldi... L'éditeur non plus ne produit aucun son et l'oscillateur reste tout plat :-/ Il y a juste les couleurs qui changent.
OK il faut d'abord presser M pour que ça fonctionne.
Press M first if you get no sound :-)
Oui désolé, j’ai mis ça dans la description, il faut que je trouve le moyen de rendre ça plus explicite !
Merci d’avoir testé, j’espère que ça t’as plu! :-)