processing-to-p5js

Transpiler for Processing to p5.js.

Install

pnpm add processing-to-p5js

Usage

import {
  transformCode,
  transformProcessing,
  isStaticModeSketch,
  wrapStaticModeInSetup,
} from "processing-to-p5js";

const input = `
void setup() {
  size(400, 400);
  background(220);
}

void draw() {
  ellipse(mouseX, mouseY, 20, 20);
}
`;

const output = transformProcessing(input);
console.log(output);

Use transformCode() to only convert Processing syntax to JavaScript.

Use isStaticModeSketch() to detect whether transformed code contains Processing lifecycle functions like setup() or draw().