Javascript Практика 01. HTML5 Canvas и Javascript Классы для создания анимации (1000 окружностей).

В этом видео мы будем использовать HTML5 Canvas и Javascript классы для создания анимации (1000 хаотично двигающихся окружностей). Каждая окружность: 1) Появляется в случайной точке экрана 2) Двигается с разной скоростью 3) Окрашена в случайный цвет 4) При столкновении с границей экрана - отбивается и летит в противоположную сторону Это видео - хорошая практика по работе с ванильным Javascript. Вы научитесь: 1) Использовать HTML5 Canvas, чтобы рисовать простые элементы. 2) Использовать “ванильный“ JS для создания анимации. Вы также поймете, зачем нужны Классы в Javascript, и как они помогают нам писать меньше кода. Репозиторий проекта: ES6 Классы (что такое и как работают): 00:00 - Что мы будем делать 01:14 - Структура проекта 02:16 - Получаем и готовим наш элемент Canvas 04:41 - Рисуем простые элементы 07:01 - Рисуем простую окружность 09:20 - Создаем 100 окружностей с разными координатами по всей ширине и высоте экрана 12:46 - Как работает анима