Canvas & JavaScript | Находим точки пересечения окружностей
![ThreePixDroid [RU]](http://yt3.ggpht.com/ytc/AIdro_m9hY0wSlD4ygQJ9MwISJSheP6X-5dtaCYYZ-hmk6ytX8k=s48-c-k-c0x00ffffff-no-rj)
HTML-код
- Опубликовано: 28 сен 2020
- Привет! В видео создадим простую анимацию движения окружностей по Canvas и найдём точки пересечения контуров этих окружностей.
Молния на js: • Lightning with Vanilla...
Перемещение частиц по шестигранной сетке: • Generative Art | Перем...
Плейлист с другими анимациями: ruclips.net/user/playlist?list...
Ссылка на исходники : threepixdroid?w=wall-9...
CODEPEN1: codepen.io/ThreePixDroid/pen/...
![[JS html5 Canvas] Эффект волнистые кольца + sources](/img/1.gif)
40:00 Вместо globalCompositeOperation = `normal` нужно написать globalCompositeOperation = `source-over` сорри..
Повезло же мне наткнуться на одно из твоих видео в рекомендациях. Делаешь, безусловно, шедевры.
Но есть парочка замечаний по коду:
1. Сам класс тут, по сути, создан ради класса, а вот для каждого круга класс был бы полезен.
2. Лучше использовать всегда const и в редких исключительных случаях, где тебе нужна именно переменная, использовать let. Насколько помню, кроме как в форах, тебе более нигде лет и не нужен был.
А так видео, безусловно, очередной шедевр.
В начале видео я сказал об этом) что код не самый ресурсоёмкий - это для удобства у меня всё в одном классе. Так - класс намного проще встроить в другой, более крупный проект , просто импортнуть)
Спасибо за отзыв)
Спасибо вам за ваши старания. У вас отличный и понятный подход к подаче информации.
Спасибо, приятно осознавать!
Ну и по традиции...лайк - потом просмотр) Спасибо за видео!
Круууто!!) Спасибо!)
Молюсь на тебя, выручил так, что не представляешь
Держи лайк, очень годно, спасибо за контент)
Благодарю, спасибо))
Круто, спасибо) Отсюда возьму не столько логику кода, а его оформление. Раньше почти никогда не использовал классы, а теперь для этого есть повод)
пожалуйста) рад что пригодилось!
Видос - чистый мед! Лайк!
кайф! приятное видео, спасибо! все получилось.
Создадим простую анимацию - офигеть ! Спасибо -очень круто
Спасибо !)
уф, я закипел..... Сильно много букаф, для меня такие видосы ещё рано смотреть.
Да свершится предначертанное богами)))
Спасибо)
nice code, awesome balls)))
thanks, very nice)
Создай свой мини-пресет, и выложи его на гите, чтобы не тратить каждый раз на базовые настройки время в начале. Сэкономит время и зрителям, и силы тебе в будущем)
Привет) Делаю всегда с самого начала, для тех кто впервые смотрит подобное видео. 70% просмотров на канале выпадает на тех у кого нет на меня подписки.
но я постоянно думаю об этом :) тоже надоело говорить одно и то же в начале ролика)
@@ThreePixDroid_RU я себе даже BAT-ник написал, который мне все папки и файлы делает для нового проекта. Очень удобно, скопировал его, кликнул дважды. Он удалился, а все необходимое попало в папку
@@neonbrickchannel2136 Прикольно) а у меня в редакторе сразу открыты все папки древа и я просто копирую одну из них меняя название на новый проект) Очень удобно особенно если в новом проекте есть элементы из других , а ты подзабыл, то просто щёлкаешь по нужному проекту)
@@ThreePixDroid_RU круто, ну да в VS Code возможностей много. Я просто привык в Sublime всё писать, поэтому сделал так.
@@ThreePixDroid_RU как вариант - можно не заморачиваться с гитом, а просто за кадром создать базовые вещи, и в видео - просто это отметить, мол, вот я создал хтмл, цсс, и джс, все подключил, создал канвас, получил контекст...и поехали...
Dast ist fantastish ;)
Спасибо
пожалуйста)
Было бы круто увидеть уроки по анимации с векторами. Я недавно попробовал, можно добиться всяких классных эффектов.
Попробую )
@@ThreePixDroid_RU Интересно было бы увидеть функцию соударения шаров разной массы и размера на js - классный, например, фон получился бы или в играх использовать тоже можно.
(upload.wikimedia.org/wikipedia/commons/6/6d/Translational_motion.gif williamecraver.wixsite.com/elastic-equations )
Может писали что-то подобное?
Дружище, ты делаешь крутые ролики.
Уверен у тебя получится написать ДНК или как молекулы взаимодействуют между собой.
Подписался
Спасибо) Думаю да, можно сделать обычную визуализацию не основываясь на физике или химии.
You could hide the scrollbar using `overflow: hidden`
thanks) I know)
а чё за песня на 25:50 ?
у меня пара вопросов) сколько тебе лет, сколько занимаешься js и сколько докторских по математике (если такие бывают)?
Начал изучать JS примерно два года назад.. это просто хобби.
По математике у меня ничего нет кроме базовых знаний.
Теорема косинусов это 9 класс, а синус отсюда можно вывести с помощью ОТТ
Ответь пожалуйста,почему в своих уроках ты создаёшь canvas через createElement,а не в html файле тегом canvas.
Привет, да вроде по разному создаю..
Для разнообразия :)
До сих пор не понимаю где и для чего использовать классы в js если можно просто процедуркой или функциями написать
Люблю пользоваться классами, что тут ещё сказать)
Это я так понимаю попрактиковаться в js ?
да) как вариант.
Зря я в школе говорила, что мне эти синусы-косинусы никогда не пригодятся...
Тоже часто думаю .... ну почему я в школе не учил математику нормально... )
Где вы этому научились?
Привет, в интернете)
@@ThreePixDroid_RU Ооо, не ожидал что так быстро ответите) подскажите пожалуйста что учить в направлении математики чтобы делать такие же крутые штуки. Я основы языка js знаю и понимаю другой код хорошо, пока дело не коснется математики
Тригонометрию и физику если выучить, то вообще бомба) Я не имею ввиду что то там запредельное, в физике достаточно понять как применять силы гравитации и ускорения + к этому закон Гука например, в математике способы вычисления углов, но чем больше знаешь тем лучше... можно создавать более крутые эффекты. Я сейчас и сам учусь)
а webgl кого то вообще интересует?
Конечно! Кучу людей знаю(не лично) занимающихся WebGl
И на этом канале видео по этой теме появятся...)
@@ThreePixDroid_RU было бы хорошо, если на твоём канале будет такой контент. И если такое случится, то хотелось, что бы оно шло как курс или более докладное изложение
На чистом WebGl много однообразной рутины и уроки получатся затянутыми ..
По этому скорее всего будет серия уроков в которой будем двигаться от простого к сложному) но эт не скоро ещё - нету столько времени у меня)
Заголовок на английском, заставка на английском а видео на русском. Не делай так, это вводит в заблуждение!
Привет) Ну как это не делать, если мне так нравится)