p5.j5
Version:
johnny-five library for p5.js
77 lines (48 loc) • 1.87 kB
Markdown
# p5.j5
The full [Johnny-Five](http://johnny-five.io/) nodebots library for [p5.js](https://p5js.org/)!
Works directly in a web page via webSerial or webUSB. No servers required.
## getting started
include p5 and p5.j5 in your web page:
```html
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.min.js"></script>
<script src="https://unpkg.com/p5.j5@1.1.0/dist/p5.j5.min.js"></script>
</head>
```
add some javascript:
```javascript
let sensorVal = 0;
function preload() {
loadBoard();
}
function setup() {
const sensor = new five.Sensor('A0');
sensor.on('change', () => {
sensorVal = sensor.scaleTo(0, 300);
});
createCanvas(400, 400);
}
function draw() {
background('blue');
rect(50, 150, sensorVal, 100);
}
```
## supported hardware
Currently p5.j5 supports any arduino with the firmata sketch.
If using webUSB, you'll need the [webUSB firmata sketch](https://github.com/monteslu/webusb-serial/tree/master/example) loaded onto your board.
## running demos
from this directory run:
* `npm install`
* `npm run demos`
* point browser to [http://localhost:5000/demos](http://localhost:5000/demos)
## running on the p5 web editor
Just plug in a microcontroller with firmata on it and go here:
[https://editor.p5js.org/monteslu/sketches/QbhToqDil](https://editor.p5js.org/monteslu/sketches/QbhToqDil)
## Bonus features
Johnny-Five related libraries bundled in:
* p5.j5.[nodeLed](https://github.com/louiemontes/node-led)
* p5.j5.[nodePixel](https://github.com/ajfisher/node-pixel)
* p5.j5.[oledJS](https://github.com/noopkat/oled-js) ( including p5.j5.[oledJS.oledFont5x7](https://github.com/noopkat/oled-font-5x7) )
## TODO
Currently webUSB and webSerial are working great, but would be nice to have web bluetooth support via [ble-io](https://github.com/monteslu/ble-io)