JavaScript · Canvas · Three.js

Веб-ігри: розробка

HTML, CSS, JavaScript, Canvas і Three.js: логіка гри, анімації, керування, звук, 2D/3D сцени, адаптація під браузер і публікація готової гри.

Записатися на консультацію Ціни та відгуки

ФорматЖиві заняття з ментором

РезультатГотова браузерна гра

РівеньВід початкового

Студентська браузерна гра та інтерфейс рівнів

game.js

const scene = new THREE.Scene();
requestAnimationFrame(gameLoop);

JavaScriptCanvasThree.js

Про курс

Від першого заняття до завершеного проєкту

Курс створений для дорослих і студентів 18+. Теорія одразу закріплюється практикою, а кожен модуль додає нову частину до фінальної роботи.

Живі заняття

Викладач пояснює матеріал, демонструє процес і відповідає на запитання.

Практика

Студент працює у програмі на кожному занятті та отримує фідбек.

Власний результат

Готова браузерна гра, яку можна додати до портфоліо та презентувати.

Програма

Що вивчаємо

01
Структура HTML і стилі CSS
Практичне заняття, вправи та частина власного проєкту.
02
JavaScript та ігровий цикл
Практичне заняття, вправи та частина власного проєкту.
03
Canvas, спрайти й анімації
Практичне заняття, вправи та частина власного проєкту.
04
Three.js: сцена, камера, світло та 3D-об’єкти
Практичне заняття, вправи та частина власного проєкту.
05
Керування, колізії, звук, UI та адаптивність
Практичне заняття, вправи та частина власного проєкту.
06
Публікація гри в браузері
Практичне заняття, вправи та частина власного проєкту.

Технічні вимоги

Що потрібно для навчання

Комп’ютер або ноутбук із сучасним Intel Core i5 / AMD Ryzen 5, щонайменше 16 GB RAM, SSD і стабільним інтернетом. Для важких 3D-проєктів рекомендовано 32 GB RAM і дискретну відеокарту.

Перед стартом перевіримо ваш ПК

На консультації підкажемо, чи підходить конфігурація, та допоможемо встановити необхідні програми.

Перевірити конфігурацію

Наступний крок

Почніть створювати власний проєкт

Розкажіть про досвід і ціль навчання. Ми підберемо групу, формат і реалістичний темп.

Отримати консультацію