Make Interactive Art with Code

Reference


Table of Contents

  1. Create interactive artworks using coding with Javascript
  2. The P5 coding environment
  3. Art, maths and code
  4. Drawing art with code
  5. Challenges
  6. Reference

Reference

You can find out more about P5 here

P5 Reference

We've only used a tiny part of P5. There is so much more you can do with it!

So much more

Styles

Here are some examples of how you can change the line and fill styles.

Reference 1 Reference 2 Reference 3

Colour Names Reference

Using colour names makes chosing colours easy. Here is the list of possible named colours.

E.g. to use a name as a fill colour:

fill("DarkRed")

Or to use a name as a stroke colour:

stroke("YellowGreen")

Colour reference

Click here to see the full names and some other links to help you create colours:

Colours



< Prev PageBack to resources page

Table of Contents

  1. Create interactive artworks using coding with Javascript
  2. The P5 coding environment
  3. Art, maths and code
  4. Drawing art with code
  5. Challenges
  6. Reference
©2024 - Think Create Learn Ltd