Презентація "Thonny-P5.JS" (Креативне програмування)

Семенюк Валерій Миколайович 14 травня 2024 829 Відгуки відсутні

Про матеріал

Вивчення модуля "Креативне програмування" дозволяє використовувати Thonny Python IDE як Processing PDE і бути альтернативою для творчого кодування.  Thonny-py5mode  - це додаток, який встановлюється та налаштовується для Thonny з метою використання  P5.JS. Презентація являє собою інструкцію по налаштуванню цього додатка.
Зміст слайдів
Номер слайду 1

thonny-py5mode. Креативне програмування

Номер слайду 2

Використання Thonny Python IDE як Processing PDE альтернатива для творчого кодування. Thonny-py5mode  - це додаток, який встановлює та налаштовує Thonny для використання  py5. Додаток py5 для Thonny

Номер слайду 3

Завантажте та встановіть Thonny IDE з https://github.com/thonny/thonny/releases. Розгорнувши Assets відкриються завантаження для Windows/mac. OS/Linux. Iнструкція

Номер слайду 4

Для зручності наведено прямі посилання на файли для завантаження Thonny 4.1.2:thonny-4.1.2.exe для Windowsthonny-4.1.2.pkg для Mac. OSthonny-4.1.2-x86_64.tar.gz для Linux. Додаток thonny-py5mode добре працюватиме з Thonny 4.

Номер слайду 5

Якщо ви запускаєте його вперше, просто прийміть Стандартні (Standard) установки. Встановлення Thonny

Номер слайду 6

Після запуску Thonny, виберіть Інструменти > Управління плагінами...

Номер слайду 7

Встановлення модуля thonny_py5_mode Набрати в пошуковому рядку thonny_py5_mode. Натиснути кнопку

Номер слайду 8

Інсталюйте модуль thonny_py5_mode You must restart Thonny after this step. Вибрати thonny_py5_mode

Номер слайду 9

Інсталюйте модуль thonny_py5_mode 

Номер слайду 10

Процес інсталяції модуля thonny_py5_mode 

Номер слайду 11

Увага! Потрібно перевантажити Thonny після попередніх кроків.

Номер слайду 12

Після перевантаження Thonny, виберіть py5 > Imported mode for py5

Номер слайду 13

Клацніть Proceed для завантаження, розпакування та установлення JDK-17 (якщо хочете більше знати: плагін встановлює JDK у каталог конфігурації користувача Thonny). Thonny потрібно лише завантажити JDK під час першого переходу в режим імпорту.

Номер слайду 14

Номер слайду 15

Номер слайду 16

Ви отримаєте повідомлення, коли цей процес завершиться

Номер слайду 17

Цей крок необов'язковий. Є кілька налаштувань Thonny, які рекомендовано застосувати для роботи з py5. Ви можете застосувати ці налаштування одним простим кроком за допомогою py5 > Apply recommended py5 settings

Номер слайду 18

Після вибору опції py5\Imported mode for py5, можна в Thonny виконувати py5 код

Номер слайду 19

Для тестування  iмпортованого модуля необхідно:1. Клацнути зелену кнопку (натиснути F5 чи комбінацію клавіш Ctrl+R). ПРИМІТКА. У цьому режимі також запускаються ескізи статичного режиму (якщо вам не потрібна функція draw() для анімації). Натисніть на кнопку зупинки (🛑) на панелі інструментів Thonny, щоб зупинити ваш ескіз.

Номер слайду 20

Щоб запустити ескіз режиму модуля py5, спочатку вимкніть/зніміть прапорець py5 > Імпортований режим для py5, щоб Thonny повернувся до нормального стану запуску (для запуску будь-якого сценарію Python). Як приклад, ви можете спробувати цей код: Зауважте, що для режиму модуля потрібено використовувати імпорт py5 та run_sketch() риска і префікс py5. Режим модуля Ескізи

Номер слайду 21

Літератураhttps://github.com/thonny/thonny/releases - сховище Thonny з відкритим кодомhttps://p5js.org/ - документація по P5. JShttps://dystosvita.org.ua/course/view.php?id=17 – cайт «Креативне програмування у Processing» https://it-science.com.ua/posts/888/ - сайт «P5.js: Починаємо роботу»https://www.codecademy.com/learn/learn-p5js/modules/p5js-introduction-to-creative-coding/cheatsheet - опис функцій P5. JS з прикладами.

Номер слайду 22

Кінець