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

[@SergeAser]

Спасибо огромное за урок! Все очень доходчиво и понятно. Классы, canvas... Если еще задать рандомные размеры для сфер и цвета (не из заданного массива) - будет еще красивее.
function generateRandomColor() {
var red = Math.floor(Math.random() * 256);
var green = Math.floor(Math.random() * 256);
var blue = Math.floor(Math.random() * 256);
var color = `rgb(${red},${green},${blue}, 0.5)`;
return color;
}

[@megachel70]

Очень интересно и доходчиво для меня , начинающего. Благодарю за урок.

[@XyuTe6eHaBopoTHuK]

Спасибо 👍)

[@mikledyuba5048]

Добрый день. Очень доходчивое объяснение, буквально все пошагово разжевано. Это здорово. Хотелось бы, чтобы задача была приближена к реальной. Как известно, молекулы сталкиваются подобно упругим шарикам. Здесь же они как бы проходят друг через друга.
Есть один недостаток - знак равенства в программировании означает операцию присваивания, а в речи он звучит как равно. Понятно, что автор хочет упростить восприятие материала.

[@sashnevski]

Я в шоке. Мне тут задание по работе дали сделать анимацию на канвасе. Что-то похожее. А тут видос вышел в тему. Вот это совпадение. Бегу смотреть. И сразу лайк.

[@alexforos5425]

Большое спасибо! С интересом смотрю ваш канал. Пожалуйста, продолжайте!

[@stackdev]

Спасибо!

[@alexidino]

Топовое задание, с интересом сделал, познакомился с элементом , плюс куча методов. Не могу в очередной раз не отметить подачу, благодаря отсутствию запинаний и слов паразитов восприятие проходит на максимальном уровне. Надеюсь на дальнейшее развитие канала, добавление практики, а так же видео в другие плейлисты. Через недельку потихоньку начну смотреть React, попутно закрепляя JS.

[@stackdev]

Спасибо за такой позитивный комментарий!

[@vladimirpuzey713]

Выглядит оч. круто - бегу пробовать! Спасибо 👍

[@stackdev]

Шарики полетели?:)

[@iKorewBro]

👍👍👍 Спасибо! Посмотрел уже почти все видео на канале.
В конце, где случайный цвет, передается диапазон от 1 до длины массива -1. Но в массиве индексы с 0 идут, надо 0 передавать, вместо единицы.

[@stackdev]

Все правильно говорите!

[@Fess-dt4eo]

Спасибо за необычный проект! Объяснение супер, хочется больше и больше практических видосов )

[@stackdev]

Спасибо! работаю в этом направлении:)

[@Code.bless_you]

Твои ролики-отдельный вид дзена)

[@stackdev]

Спасибо!

[@MrAnderboom]

Спасибо! Очень познавательно и поучительно! Ждём новых уроков.

[@stackdev]

Спасибо!

[@galievramil1169]

Классное видео! Спасибо за твой труд!

[@stackdev]

Спасибо!

[@user-nb1is5wc4k]

Интересный проект для начинающих вроде меня. Спасибо, попробую что-то с этим придумать.

[@stackdev]

Спасибо!

[@user-hs1gy5ek5t]

Большое спасибо!

[@user-ki8ij8xi9c]

у вас очень интересные видео! Не понимаю, почему мало лайков 🤨 Народ, не скупитесь! Это ведь столько труда и знаний - создавать подобные уроки!

[@stackdev]

Спасибо!:)

[@tigranovakyan2783]

Разобрался))) случайно скопировал функцию clear в draw(): Спасибо за уроки супер!!!! шарики летят))

[@nouchanceunstoppable9213]

Привет Василий, будет ли уроки по ООП JavaScript? (инкапцуляция, наследования, полиморфизм) - для меня эти термины очень сложные , не понимаю вообще.Удачи вам и большое спасибо за уроки!

[@stackdev]

Спасибо! что-то будет!

[@____Olga__]

🥰

[@simonbryczkowski8675]

Добрый день. А есть ли возможность вместо окружностей создавать например картинку или иконку? т.е вместо окружностей будут летать какие-либо небольшие иконки.

[@tigranovakyan2783]

я то думаю че так мало лайков, видео то сегодняшнее))) где то я промахнулся , в консоли 100 а рисуется 1))) дебажу дальше))

[@tigranovakyan2783]

создал еще и рандомные цвета в цыкле добавив код "
function getRandomInRange(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
const color1 = getRandomInRange(0, 255);
const color2 = getRandomInRange(0, 255);
const color3 = getRandomInRange(0, 255);
color1;
color2;
color3;
let colorRGB = `rgb(${color1},${color2},${color3})`;
let color = colorRGB;"