Create with p5.js

Follow the steps from the Create and publish tutorial until you reach the lambda create view.

1. Enter a unique name for this lambda.

2. Add two dependencies: p5-js and reset-css-canvas. The default dependencies can be removed by pressing a "-" button next to them. Then enter a dependency name in the text field and press Enter or click Add.

3. Enter the following lambda's code.

(loadP5) => {
  return async (seed) => {
    await loadP5;

    const s = (p) => {
      p.setup = () => {
        p.createCanvas(window.innerWidth, window.innerHeight);
      };

      p.draw = () => {
        p.background(220);
        p.text(seed, 0, 20);
      };
    };

    new p5(s);
  };
};

This example prints a mint's seed on the canvas. When the lambda code is executed in preview, a seed value is always 0x00.

After this, continue as in Create and publish tutorial.

The final minted result: