canvas-sketch x akai-lpd8

LPD8Template.js

const canvasSketch = require('canvas-sketch')
const p5 = require('p5')
const LPD8 = require('akai-lpd8')

new p5()

const settings = {
    dimensions: [600, 600],
    p5: true,
    animate: true
}

window.preload = () => {
}

window.mousePressed = () => {
    print({mouseX, mouseY})
}

const sketch = async () => {
    const lpd8 = new LPD8()
    await lpd8.init()

    // event mode:
    lpd8.PAD1.noteOn(vel => background(0))
    lpd8.K4.on('change', vel => fill(vel * 2))
    
    background(0)

    return ({width, height}) => {
        // direct mode:
        ellipse(map(lpd8.K1.velocity, 0, 127, 0, width), map(lpd8.K2.velocity, 0, 127, 0, width), 5 + lpd8.K3.velocity)
    }
}

canvasSketch(sketch, settings)