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

  Рет қаралды 6,780

Vasilii Muravev

Vasilii Muravev

Күн бұрын

Пікірлер: 33
@SergeAser
@SergeAser 6 ай бұрын
Спасибо огромное за урок! Все очень доходчиво и понятно. Классы, 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; }
@mikledyuba5048
@mikledyuba5048 Жыл бұрын
Добрый день. Очень доходчивое объяснение, буквально все пошагово разжевано. Это здорово. Хотелось бы, чтобы задача была приближена к реальной. Как известно, молекулы сталкиваются подобно упругим шарикам. Здесь же они как бы проходят друг через друга. Есть один недостаток - знак равенства в программировании означает операцию присваивания, а в речи он звучит как равно. Понятно, что автор хочет упростить восприятие материала.
@Кибер-Жириновский
@Кибер-Жириновский 2 жыл бұрын
Спасибо 👍)
@megachel70
@megachel70 10 ай бұрын
Очень интересно и доходчиво для меня , начинающего. Благодарю за урок.
@alexforos5425
@alexforos5425 2 жыл бұрын
Большое спасибо! С интересом смотрю ваш канал. Пожалуйста, продолжайте!
@stackdev
@stackdev 2 жыл бұрын
Спасибо!
@sashnevski
@sashnevski 3 жыл бұрын
Я в шоке. Мне тут задание по работе дали сделать анимацию на канвасе. Что-то похожее. А тут видос вышел в тему. Вот это совпадение. Бегу смотреть. И сразу лайк.
@vladimirpuzey713
@vladimirpuzey713 3 жыл бұрын
Выглядит оч. круто - бегу пробовать! Спасибо 👍
@stackdev
@stackdev 3 жыл бұрын
Шарики полетели?:)
@alexidino
@alexidino 2 жыл бұрын
Топовое задание, с интересом сделал, познакомился с элементом , плюс куча методов. Не могу в очередной раз не отметить подачу, благодаря отсутствию запинаний и слов паразитов восприятие проходит на максимальном уровне. Надеюсь на дальнейшее развитие канала, добавление практики, а так же видео в другие плейлисты. Через недельку потихоньку начну смотреть React, попутно закрепляя JS.
@stackdev
@stackdev 2 жыл бұрын
Спасибо за такой позитивный комментарий!
@Fess-dt4eo
@Fess-dt4eo 2 жыл бұрын
Спасибо за необычный проект! Объяснение супер, хочется больше и больше практических видосов )
@stackdev
@stackdev 2 жыл бұрын
Спасибо! работаю в этом направлении:)
@Code.bless_you
@Code.bless_you 3 жыл бұрын
Твои ролики-отдельный вид дзена)
@stackdev
@stackdev 3 жыл бұрын
Спасибо!
@iKorewBro
@iKorewBro 3 жыл бұрын
👍👍👍 Спасибо! Посмотрел уже почти все видео на канале. В конце, где случайный цвет, передается диапазон от 1 до длины массива -1. Но в массиве индексы с 0 идут, надо 0 передавать, вместо единицы.
@stackdev
@stackdev 3 жыл бұрын
Все правильно говорите!
@MrAnderboom
@MrAnderboom 2 жыл бұрын
Спасибо! Очень познавательно и поучительно! Ждём новых уроков.
@stackdev
@stackdev 2 жыл бұрын
Спасибо!
@galievramil1169
@galievramil1169 2 жыл бұрын
Классное видео! Спасибо за твой труд!
@stackdev
@stackdev 2 жыл бұрын
Спасибо!
@Матиас-щ8э
@Матиас-щ8э 3 жыл бұрын
Большое спасибо!
@Дмитрий-л4с9х
@Дмитрий-л4с9х 2 жыл бұрын
Интересный проект для начинающих вроде меня. Спасибо, попробую что-то с этим придумать.
@stackdev
@stackdev 2 жыл бұрын
Спасибо!
@ЕленаКазакова-о1э4и
@ЕленаКазакова-о1э4и 2 жыл бұрын
у вас очень интересные видео! Не понимаю, почему мало лайков 🤨 Народ, не скупитесь! Это ведь столько труда и знаний - создавать подобные уроки!
@stackdev
@stackdev 2 жыл бұрын
Спасибо!:)
@tigranovakyan2783
@tigranovakyan2783 3 жыл бұрын
Разобрался))) случайно скопировал функцию clear в draw(): Спасибо за уроки супер!!!! шарики летят))
@____Olga__
@____Olga__ 3 жыл бұрын
🥰
@nouchanceunstoppable9213
@nouchanceunstoppable9213 3 жыл бұрын
Привет Василий, будет ли уроки по ООП JavaScript? (инкапцуляция, наследования, полиморфизм) - для меня эти термины очень сложные , не понимаю вообще.Удачи вам и большое спасибо за уроки!
@stackdev
@stackdev 3 жыл бұрын
Спасибо! что-то будет!
@simonbryczkowski8675
@simonbryczkowski8675 2 жыл бұрын
Добрый день. А есть ли возможность вместо окружностей создавать например картинку или иконку? т.е вместо окружностей будут летать какие-либо небольшие иконки.
@tigranovakyan2783
@tigranovakyan2783 3 жыл бұрын
я то думаю че так мало лайков, видео то сегодняшнее))) где то я промахнулся , в консоли 100 а рисуется 1))) дебажу дальше))
@tigranovakyan2783
@tigranovakyan2783 3 жыл бұрын
создал еще и рандомные цвета в цыкле добавив код " 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;"
Which One Is The Best - From Small To Giant #katebrush #shorts
00:17
АЗАРТНИК 4 |СЕЗОН 2 Серия
31:45
Inter Production
Рет қаралды 1,1 МЛН
Or is Harriet Quinn good? #cosplay#joker #Harriet Quinn
00:20
佐助与鸣人
Рет қаралды 62 МЛН
Импорт и экспорт JavaScript. На реальном примере
24:27
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 50 М.
Выполняем реальный проект на JavaScript | ч.1
48:29
Campfire School | Ivan Petrychenko
Рет қаралды 115 М.
Полный гайд по JavaScript собеседованию. Все в 1 видео!
1:41:32
7  ПАРАДОКСОВ БЕСКОНЕЧНОСТИ
36:02
Mathin
Рет қаралды 772 М.
Frontend Собеседование с разбором. Путь к трудоустройству 2024
41:18
Which One Is The Best - From Small To Giant #katebrush #shorts
00:17