Skip to content

Latest commit

 

History

History
58 lines (44 loc) · 1.27 KB

README.md

File metadata and controls

58 lines (44 loc) · 1.27 KB

p5.axidraw

A p5.js library for controlling the AxiDraw pen plotter via the WebSerial API.

Usage

Upload the latest release as a file in your sketch and then reference it from index.html like so:

<head>
  ...
  <script src="p5.axidraw.js"></script>
  ...
</head>

An example sketch that connects to the AxiDraw when the mouse is clicked and draws a diagonal line:

const axi = new axidraw.AxiDraw();
let connected = false;

function setup() {
  createCanvas(400, 400);
}

function mouseClicked() {
  if (!connected) {
    // Note: connect() must be called from a user gesture (e.g. a mouse click) due to
    // browser security restrictions
    axi.connect()
      .then(() => {
        connected = true;
      });
  }

  // Draw a diagonal line
  axi.penDown();
  axi.moveTo(10, 10);
  axi.penUp();
  
  // Draw a diagonal line, but async
  
  // axi.penDown()
  //   .then(() => axi.moveTo(10, 10))
  //   .then(() => axi.penUp());
}

See the examples directory for more.

Documentation

See jmpinit.github.io/p5.axidraw for the API docs.