Visualise you Tunes with Code

Reference


Table of Contents

  1. Create musical visualisations using coding with Javascript
  2. The P5 coding environment
  3. How digital sound works
  4. Coding
  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 musical visualisations using coding with Javascript
  2. The P5 coding environment
  3. How digital sound works
  4. Coding
  5. Challenges
  6. Reference
©2024 - Think Create Learn Ltd