Computational Art and Design

Week 1

You can embed your p5.js sketches on the site in two different ways. Either using the interactive p5.js widget we have available on the site or by embedding your sketch from OpenProcessing.

p5.js widget

Embedding from OpenProcessing

OpenProcessing has an easy way to get the embedding code directly from the site.

1. Click the export/share icon
2. Find the embedding code and copy it
3. Paste the embedding code to your markdown file directly.
4. Change the width and height settings. I recommend the following (but this depends on your sketch):

width="100%" height="700"

Week 2

Week 3

Week 4

Week 5

Week 6