Інформатика, висвітлено 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 зеленого кольору при клацанні правої кнопки миші (див. зразок)
Додаткові матеріали
Відео