p5.js in JupyterΒΆ

In [1]:
from ipyp5 import Sketch
---------------------------------------------------------------------------
ImportError                               Traceback (most recent call last)
<ipython-input-1-0b065d34f2c3> in <module>
----> 1 from ipyp5 import Sketch

ImportError: No module named 'ipyp5'
In [ ]:
w = Sketch()
w.value = """
    const [W, H] = [400, 400];
    p.setup = function () {
      p.createCanvas(W, H);
      p.rectMode(p.CENTER);
    }

    p.draw = function () {
      p.background('#ddd');
      p.translate(200, 200);
      for (let i = 0; i < 4; i++) {
        p.push();
        p.rotate(p.frameCount / 200 * (i + 1));
        p.fill(i * 5, i * 100, i * 150);
        p.rect(0, 0, 200, 200);
        p.pop();
      }
    }
"""
w