vamoss / foxdot-to-p5js

FoxDot to P5js

A basic setup for connecting FoxDot to P5js. Quickly adapted from p5js-osc.

Watch a Demo

Setup

If needed, install node

Clone this repo and install required libraries:

$ git clone https://github.com/feature-creature/FoxDot-to-P5js
$ cd FoxDot-to-P5js/
$ npm install

Run

Start the osc bridge. It receives OSC messages from FoxDot and sends them to p5js:

$ node bridge.js

In a new tab, start a lightserver to auto-load your livecoded p5js in a browser:

$ cd basic-example/
$ light-server -s . -w "**"

Open a browser:

http://0.0.0.0:4000/

Start FoxDot and then send osc messages --> p5js bridge --> your p5js sketch

>> Server.add_forward("localhost",12345)

Edit your FoxDot code in the FoxDot IDE and edit your P5js code in your IDE of choice and watch everything update live. This is a work in progress.