Canvas & JavaScript | Находим точки пересечения окружностей
HTML-код
- Опубликовано: 11 окт 2024
- Привет! В видео создадим простую анимацию движения окружностей по Canvas и найдём точки пересечения контуров этих окружностей.
Молния на js: • Lightning with Vanilla...
Перемещение частиц по шестигранной сетке: • Generative Art | Перем...
Плейлист с другими анимациями: www.youtube.co....
Ссылка на исходники : threepi...
CODEPEN1: codepen.io/Thr...
40:00 Вместо globalCompositeOperation = `normal` нужно написать globalCompositeOperation = `source-over` сорри..
Повезло же мне наткнуться на одно из твоих видео в рекомендациях. Делаешь, безусловно, шедевры.
Но есть парочка замечаний по коду:
1. Сам класс тут, по сути, создан ради класса, а вот для каждого круга класс был бы полезен.
2. Лучше использовать всегда const и в редких исключительных случаях, где тебе нужна именно переменная, использовать let. Насколько помню, кроме как в форах, тебе более нигде лет и не нужен был.
А так видео, безусловно, очередной шедевр.
В начале видео я сказал об этом) что код не самый ресурсоёмкий - это для удобства у меня всё в одном классе. Так - класс намного проще встроить в другой, более крупный проект , просто импортнуть)
Спасибо за отзыв)
Спасибо вам за ваши старания. У вас отличный и понятный подход к подаче информации.
Спасибо, приятно осознавать!
Ну и по традиции...лайк - потом просмотр) Спасибо за видео!
Круууто!!) Спасибо!)
Круто, спасибо) Отсюда возьму не столько логику кода, а его оформление. Раньше почти никогда не использовал классы, а теперь для этого есть повод)
пожалуйста) рад что пригодилось!
Видос - чистый мед! Лайк!
Молюсь на тебя, выручил так, что не представляешь
кайф! приятное видео, спасибо! все получилось.
Держи лайк, очень годно, спасибо за контент)
Благодарю, спасибо))
уф, я закипел..... Сильно много букаф, для меня такие видосы ещё рано смотреть.
Создадим простую анимацию - офигеть ! Спасибо -очень круто
Спасибо !)
Было бы круто увидеть уроки по анимации с векторами. Я недавно попробовал, можно добиться всяких классных эффектов.
Попробую )
@@ThreePixDroid_RU Интересно было бы увидеть функцию соударения шаров разной массы и размера на js - классный, например, фон получился бы или в играх использовать тоже можно.
(upload.wikimedia.org/wikipedia/commons/6/6d/Translational_motion.gif williamecraver.wixsite.com/elastic-equations )
Может писали что-то подобное?
Да свершится предначертанное богами)))
Спасибо)
Создай свой мини-пресет, и выложи его на гите, чтобы не тратить каждый раз на базовые настройки время в начале. Сэкономит время и зрителям, и силы тебе в будущем)
Привет) Делаю всегда с самого начала, для тех кто впервые смотрит подобное видео. 70% просмотров на канале выпадает на тех у кого нет на меня подписки.
но я постоянно думаю об этом :) тоже надоело говорить одно и то же в начале ролика)
@@ThreePixDroid_RU я себе даже BAT-ник написал, который мне все папки и файлы делает для нового проекта. Очень удобно, скопировал его, кликнул дважды. Он удалился, а все необходимое попало в папку
@@neonbrickchannel2136 Прикольно) а у меня в редакторе сразу открыты все папки древа и я просто копирую одну из них меняя название на новый проект) Очень удобно особенно если в новом проекте есть элементы из других , а ты подзабыл, то просто щёлкаешь по нужному проекту)
@@ThreePixDroid_RU круто, ну да в VS Code возможностей много. Я просто привык в Sublime всё писать, поэтому сделал так.
@@ThreePixDroid_RU как вариант - можно не заморачиваться с гитом, а просто за кадром создать базовые вещи, и в видео - просто это отметить, мол, вот я создал хтмл, цсс, и джс, все подключил, создал канвас, получил контекст...и поехали...
Дружище, ты делаешь крутые ролики.
Уверен у тебя получится написать ДНК или как молекулы взаимодействуют между собой.
Подписался
Спасибо) Думаю да, можно сделать обычную визуализацию не основываясь на физике или химии.
Dast ist fantastish ;)
nice code, awesome balls)))
thanks, very nice)
Спасибо
пожалуйста)
You could hide the scrollbar using `overflow: hidden`
thanks) I know)
Ответь пожалуйста,почему в своих уроках ты создаёшь canvas через createElement,а не в html файле тегом canvas.
Привет, да вроде по разному создаю..
Для разнообразия :)
у меня пара вопросов) сколько тебе лет, сколько занимаешься js и сколько докторских по математике (если такие бывают)?
Начал изучать JS примерно два года назад.. это просто хобби.
По математике у меня ничего нет кроме базовых знаний.
Теорема косинусов это 9 класс, а синус отсюда можно вывести с помощью ОТТ
а чё за песня на 25:50 ?
До сих пор не понимаю где и для чего использовать классы в js если можно просто процедуркой или функциями написать
Люблю пользоваться классами, что тут ещё сказать)
Это я так понимаю попрактиковаться в js ?
да) как вариант.
Где вы этому научились?
Привет, в интернете)
@@ThreePixDroid_RU Ооо, не ожидал что так быстро ответите) подскажите пожалуйста что учить в направлении математики чтобы делать такие же крутые штуки. Я основы языка js знаю и понимаю другой код хорошо, пока дело не коснется математики
Тригонометрию и физику если выучить, то вообще бомба) Я не имею ввиду что то там запредельное, в физике достаточно понять как применять силы гравитации и ускорения + к этому закон Гука например, в математике способы вычисления углов, но чем больше знаешь тем лучше... можно создавать более крутые эффекты. Я сейчас и сам учусь)
Зря я в школе говорила, что мне эти синусы-косинусы никогда не пригодятся...
Тоже часто думаю .... ну почему я в школе не учил математику нормально... )
а webgl кого то вообще интересует?
Конечно! Кучу людей знаю(не лично) занимающихся WebGl
И на этом канале видео по этой теме появятся...)
@@ThreePixDroid_RU было бы хорошо, если на твоём канале будет такой контент. И если такое случится, то хотелось, что бы оно шло как курс или более докладное изложение
На чистом WebGl много однообразной рутины и уроки получатся затянутыми ..
По этому скорее всего будет серия уроков в которой будем двигаться от простого к сложному) но эт не скоро ещё - нету столько времени у меня)
Заголовок на английском, заставка на английском а видео на русском. Не делай так, это вводит в заблуждение!
Привет) Ну как это не делать, если мне так нравится)