 
                         
                        Інформатика, висвітлено 30.10.2023
if ... else p5.js
Оператор розгалуження:
if (умова) {
істинне виконання умови
}
else {
хибне виконання умови
}
== - знак дорівнює
mouseIsPressed - змінна затиснення лівої кнопки миші
mouseButton - змінна натиснення кнопки миші (LEFT, RIGHT, CENTER)
Практична робота
Створити програму за зразком (див. вище)
1. У папці із власним прізвищем створіть папку із назвою JS#7
2. Перейдіть до сервісу p5.js: https://bit.ly/3zMVOJB
3. Виберіть веб-редактор (Editor) та зареєструйтесь/авторизуйтесь на p5.js
4. Змініть назву скетчу на назву IF
5. Введіть код скетча результат якого див. вище за зразком:
- полотно розміром 600х600
- створити змінну та надати їй значення 100px
- контур фігур: білий колір, товщина 2px
- фон чорного кольору
- подія Рисування:
  * поява трьох квадратів зі стороною 100px білого кольору при веденні курсора миші (див. зразок)
  * квадрат зі стороною 100px червоного кольору при наведенні курсора миші (див. зразок)
  * круг діаметром 100px білого кольору при затисненні лівої кнопки миші (див. зразок)
  * овал розмірами: ширина 150px, висота  50px жовтого кольору при клацанні колеса миші (див. зразок)
  * прямокутник розмірами: ширина 200px, висота  100px кольору cyan при клацанні лівої кнопки миші (див. зразок)
  * прямокутник розмірами: ширина 200px, висота  100px зеленого кольору при клацанні правої кнопки миші (див. зразок)
 
                            Додаткові матеріали
Відео

 
  
                             
                          
                              
                              
  
                             
 
                               
 
                    




