Багато хто уявляє навчання програмування як процес, подібний до вивчення іноземної мови за підручником: спочатку — алфавіт, потім — граматика, далі — вправи на сполучення часів, і лише через місяці монотонного зубріння можна скласти перше речення. Насправді такий підхід працює для філологів, але катастрофічно провалюється для тих, хто хоче створювати. Програмування — це не мова для спілкування з людьми, це інструмент для створення світів. І як ви навчитеся грати на гітарі? Сидячи тижнями над теорією акордів, чи взявши інструмент у руки і відразу спробувавши зіграти просту мелодію? Ми обираємо другий шлях — у цьому розділі ви не будете зубрити синтаксис операторів чи запам’ятовувати правила відступів. Замість цього вже через 15 хвилин після початку ви вже матимете працюючу програму, яка малює текст на екрані. Ще через 10 хвилин — рухомого персонажа, яким можна керувати клавішами. Це не «спрощення» для дітей — це педагогічно обґрунтований підхід: мозок людини краще запам’ятовує концепції, коли вони вбудовані в емоційно значущий досвід. Коли ви бачите, як ваш код оживає на екрані, синтаксис перестає бути абстрактними правилами — він стає магічними заклинаннями, які творять реальність. Саме тому ми починаємо не з “що таке змінна”, а з “ось як зробити, щоб на екрані з’явився текст”.

Що потрібно для роботи з Pygame Zero?

Мінімальний набір інструментів надзвичайно скромний:

1. Комп’ютер — будь-який сучасний ПК, ноутбук або навіть старіший пристрій (навіть з 2 ГБ оперативної пам’яті) підійде. Pygame Zero не вимагає потужного “заліза”.
2. Операційна система — Windows, macOS або Linux. Бібліотека працює на всіх трьох платформах без відмінностей у коді.
3. Python 3.8 або новіший — рушій, на якому працюватимуть ваші програми. Якщо ви ще не встановили Python, завантажте його з офіційного сайту. Важливо: під час встановлення поставте галочку “Add Python to PATH” — це дозволить запускати команди з будь-якої теки.
4. Середовище програмування — програмне забезпечення для створення та запуску програм.
5. Базові навички програмування — звичайно, що можна починати з абсолютного “нуля”, але значно краще, коли ви вже розумієте основи.

Для роботи з Pygame Zero найпростіший шлях— використати спеціалізоване середовище, яке вже містить усі необхідні компоненти.

Mu Editor: все готово «з коробки»

Якщо ви хочете почати програмувати зараз, без встановлення та налаштування десятків компонентів, оберіть Mu Editor.

Press enter or click to view image in full size

Mu Editor

Це середовище розробки, спеціально створене для новачків у програмуванні. Його переваги:

• має вбудований режим Pygame Zero — просто оберіть його у налаштуваннях;
• не має складного меню чи панелей інструментів;
• має вбудований режим зневадження з візуальним відображенням змінних;
• зберігає створені файли у теці mu_code;
• працює на всіх платформах без додаткових налаштувань.

Завантажити Mu можна з офіційного сайту. Після встановлення запустіть його, оберіть режим «Pygame Zero» — і ви готові писати код.

А якщо ви вже використовуєте Thonny, IDLE або PyCharm?

Цілком можливо працювати з Pygame Zero і в інших середовищах — просто потрібно врахувати кілька нюансів:

• Thonny — ідеальний вибір для новачків після Mu. Встановіть це середовище, потім через меню «Інструменти → Управління пакетами» встановіть pgzero.

Press enter or click to view image in full size

Встановлення Pygam Zero у Thonny

• IDLE — стандартне середовище Python. Pygame Zero встановлюється однією командою в терміналі або командному рядку:
• pip install pgzero - Windows
• pip3 install pgzero - Linux

Press enter or click to view image in full size

Встановлення Pygame Zero в Linux

• PyCharm — потужне професійне середовище. Для роботи з Pygame Zero спочатку встановіть pgzero (як у попередньому пункті), а у налаштуваннях запуску вкажіть, щоб програма запускалася в окремому терміналі («Emulate terminal in output console»). Це найскладніший варіант для початківця, але якщо ви вже знайомі з ним — можна використовувати.

PGZ Studio: програмуйте прямо в браузері

Найпростіший варіант для перших кроків — онлайнове середовище PGZ Studio. Тут не потрібно нічого встановлювати: відкрийте сайт, почніть писати код у вбудованому редакторі — і натисніть «Виконати».

Press enter or click to view image in full size

Це ідеальний засіб для:

• перших експериментів без ризику «зламати» систему
• роботи на чужому комп’ютері (наприклад, у школі чи бібліотеці)
• швидкої перевірки ідеї
• спільної роботи над проєктом.

Все працює прямо в браузері: редактор коду, керування ресурсами (зображення, звуки), налагодження та запуск гри. Єдине обмеження: для роботи з зображеннями (спрайтами) їх потрібно спочатку завантажувати до середовища.

Press enter or click to view image in full size

Інтерфейс PGZ Studio

Інтерфейс PGZ Studio розроблено з урахуванням педагогічних потреб: мінімалізм, передбачувана поведінка елементів та зосередження на коді замість зайвих керувань:

Ліва панель — це редактор коду, його призначення — робота з програмним кодом без перемикання між вкладками. Можливості — «підсвічування» синтаксису для Python, нумерація рядків, автодоповнення для вбудованих об'єктів (screen, keyboard, sounds) та зміна кольорової теми вікна.

Консоль для виведення результатів print() під час виконання, повідомлень про помилки розташована під редактором коду. Консоль можна вимикати для збільшення місця для вікна редактора коду.

Права панель містить Галерею ресурсів — зображень, звуків та музики. При завантаженні Галерея ресурсів прихована зображенням з логотипом PGZ Studio. Також у лівій панелі відображається вміст Довідника.

Над Галереєю ресурсів знаходиться поле з назвою проєкту — назва генерується автоматично, але користувач може змінити її у будь-який момент — з цією назвою файл проєкту зберігатиметься на жорсткому диску Вашого комп’ютера.

Файл проєкту містить програмний код та ресурси(зображення, звуки, музика), використовувані у Вашому проєкті. Це звичайний ZIP-архів, який може бути розпакований архіватором.

Верхня панель містить засоби керування, які викликаються натиском відповідної кнопки:

Для редагування програмного коду ваших проєктів використовується CodeMirror — сучасний вбудований редактор коду з підсвічуванням синтаксису, який використовується в багатьох онлайн-середовищах програмування. Використовувані сполучення клавіш:

⚠️Не використовуйте Ctrl + R або F5 — це приведе до негайного перезавантаження вебсторінки з можливою втратою коду.

Перша програма: «Привіт, світе!»

Забудьте про консольний print("Hello, World!") - у світі ігор навіть текст є частиною візуального світу, а не просто повідомлення. Ось ваш перший код:

import pgzrun

def draw():
    screen.draw.text("Привіт, світе!", (100, 100))

pgzrun.go()

Напишіть цей код у вікні редактор обраного середовища і запустіть, натиснувши «Run».

Press enter or click to view image in full size

На чорному екрані з’явиться біле привітання . Розберемо, що відбувається:

• import pgzrun - імпортуємо бібліотеку, щоб скористатися Pygame Zero.
• def draw(): — це просто функція, в якій відбувається малювання. Кожного кадру (60 разів на секунду) система автоматично викликає цю функцію, щоб намалювати екран.
• screen.draw.text() — метод для малювання тексту. Перший аргумент — сам текст, другий — координати його верхнього лівого кута.

Спробуйте змінити рядок, що відображає текст на такий:
screen.draw.text(“Привіт, світе!”, (100, 100), fontsize = 48, color = “red”)

• fontsize = 48 — встановити розмір шрифту;
• color = “red” — встановити колір шрифту.

Потім змініть координати на (300, 200), колір на "yellow", розмір на 72 — і запустіть знову.

Press enter or click to view image in full size

Ви бачите, як миттєво змінюється результат? Це і є справжня магія програмування: ви говорите машині, що їй робити — і вона це виконує.

ЧИТАТИ СТАТТЮ ДАЛІ

Автор: ГРИГОРІЙ ГРОМКО