P5.js resources and tips

Categories

Updated 2022-08-14
{
  projects(where: {projectId: "171"}) {
    id
    projectId
    scripts {
      id
      script
    }
  }
}Code language: JavaScript (javascript)

Embedding in posts with https://toolness.github.io/p5.js-widget/

<script src="//toolness.github.io/p5.js-widget/p5-widget.js"></script>
<pre><script type="text/p5" data-autoplay="" data-height="500" data-preview-width="500" data-p5-version="1.4.1">
function setup() {
 createCanvas(400,400);
}

function draw() {
  background(255);
  
  quad(10, 10, 300, 30, 390, 375, 40, 290);
}
</script>
</pre>Code language: HTML, XML (xml)