Теоретичні відомості:

random(10, 150) - випадкові числа від 10 до 150

random(150) - випадкові числа від 0 до 150

frameRate(5) - функція зміни частоти кадрів (5 кадрів за секунду)

windowWidth - змінна розміру полотна за шириною екрану

windowHeight - змінна розміру полотна за висотою екрану

width - значення змінної ширини полотна

height - значення змінної висоти полотна

fill(r, g, b, 50) - змінні кольорів r - червоний, g - зелений, b - синій, 50 - alpha channel

Практична робота

1. У папці із власним прізвищем створіть папку із назвою JS#8
2. Перейдіть до сервісу p5.js: https://bit.ly/3zMVOJB
3. Виберіть веб-редактор (Editor) та зареєструйтесь/авторизуйтесь на p5.js
4. Змініть назву скетчу на назву RANDOM
5. Введіть код скетча:
- полотно розміром: за розмірами ширини та висоти полотна
- використовувати змінні
- частота кадрів: 10 кадрів в секунду
- фон чорного кольору
- контур фігур: без контуру
- подія Рисування:
  * поява кругів:
     - центр кола: випадкові числа не більше ширини та висоти полотна відповідно
     - радіус: випадкове число від 80 до 180
     - колір заливки фігур: випадкові змінні r, g, b від 0 до 255, без alpha channel
  * поява квадратів:
     - координати лівої верхньої вершини квадрата: випадкові числа не більше ширини та висоти полотна відповідно
     - сторона квадрата: випадкове число від 10 до 150
     - колір заливки фігур: випадкові змінні r, g, b від 0 до 255,  alpha channel: 50