hydra-p5's Introduction

hydra-p5

A simpler P5 intergration for Hydra

Usage

await loadScript("https://unpkg.com/hydra-p5")

p5src(s0)
  .setup((p) => {
    // this runs only once, but re-executes
    // when evaluating the whole block...
  })
  .draw((p) => {
    // this runs on every frame
    p.clear()
    p.rect(p.mouseX, p.mouseY, 300, 300)
  })
  // now you can keep using hydra like a normal source...
  .modulate(noise())
  .out()

There is an experimental drawP and setupP that allows you to use P5 in "global" mode inside their callback functions:

p5src(s0)
  .drawP(_ => {
    clear()
    rect(mouseX, mouseY, 300, 300)
  })
  .out()

Contributing

Bug reports and pull requests are welcome on GitHub at the issues page. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

This project is licensed under GPL 3+. Refer to LICENSE.txt

hydra-p5's People

Contributors

Stargazers

Watchers

hydra-p5's Issues

Errors inside p5 callbacks are being catched and logged on the console only (user can't see them easily)

WEBGL mode does not work?

This works:

p = new P5({ mode: "WEBGL" })
p.hide()
s0.init({ src: p.canvas })

src(s0).out()

p.draw = () => {
    p.background(0);
    p.normalMaterial();
    p.push();
    p.rotateZ(p.frameCount * 0.01);
    p.rotateX(p.frameCount * 0.01);
    p.rotateY(p.frameCount * 0.01);
    p.box(70);
    p.pop();
}

but this doesnt:

p5src(s0, "WEBGL")
  .draw(p => {
    p.background(0);
    p.normalMaterial();
    p.push();
    p.rotateZ(p.frameCount * 0.01);
    p.rotateX(p.frameCount * 0.01);
    p.rotateY(p.frameCount * 0.01);
    p.box(70, 70, 70);
    p.pop();
  })
  .out()