https://github.com/fr0stbyter/webaudio-patcher

Patch JavaScript and WebAudio like MaxMSP
https://github.com/fr0stbyter/webaudio-patcher

Last synced: 12 months ago
JSON representation

Patch JavaScript and WebAudio like MaxMSP

• Host: GitHub
• URL: https://github.com/fr0stbyter/webaudio-patcher
• Owner: Fr0stbyteR
• License: gpl-3.0
• Created: 2018-03-28T14:05:51.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2019-02-27T23:40:03.000Z (over 7 years ago)
• Last Synced: 2025-06-28T11:05:49.614Z (12 months ago)
• Language: JavaScript
• Homepage: https://fr0stbyter.github.io/webaudio-patcher/
• Size: 36.6 MB
• Stars: 18
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# [WebAudio-Patcher](https://fr0stbyter.github.io/)  [![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0)

A web environment allows you to play with JavaScript and WebAudio.

It's a playground, Every function, variable, method or object are boxes patching with each other. Messages are passing from right to left. (as MaxMSP)

## Examples

Listen MouseMove event, than transform the value to the frequency used to generate a sine wave. Then you can visalize your spectrum.

![Example1](./patchers/example1.jpg)

Or Fetch a Tensorflow model.

![Example2](./patchers/example2.jpg)

Or try [Performance RNN](https://magenta.tensorflow.org/performance-rnn) with TensorFlow.js and [Faust](https://faust.grame.fr)

https://fr0stbyter.github.io/webaudio-patcher/#prnn.json

## Usage

Press N or double click to create a new box.

Press M to create a message.

Ctrl + Click to Lock / Unlock patcher.