Обнаружение столкновений между кругами в JavaScript
Franks laboratory
0:00 / 0:00
Обнаружение столкновений между кругами в JavaScript
18 167 просмотров · 5 л. назад
Franks laboratory
88,2 тыс. подписчиков
18 167 просмотров · 5 л. назад
Это, пожалуй, самый простой и полезный алгоритм, который вам следует изучить, если вы хотите создавать потрясающие игры и анимации на JavaScript. Обнаружение столкновений между окружностями в JavaScript сначала вычисляет расстояние между двумя центрами и сравнивает его с суммой радиусов этих двух окружностей. Позвольте мне показать вам всё, что нужно знать об обнаружении столкновений между окружностями, и продемонстрировать несколько потрясающих проектов, которые вы можете с его помощью создать. А теперь поговорим о теореме Пифагора! :)
⭐️СОДЕРЖАНИЕ ⭐️
00:00 Зачем нужна функция обнаружения столкновений
00:30 Как обнаружить столкновение двух окружностей в JavaScript
01:30 Как измерить расстояние между двумя точками
03:00 Объяснение теоремы Пифагора
04:17 Сравнение расстояния и радиуса для определения результата
❤ Ссылки по теме ❤
Теорема Пифагора: доказательство, приложения и код на JavaScript (Radu) • Pythagorean Theorem: Proof, Applications a...
Иллюстрация от https://bevouliin.com/
Вы можете попрактиковаться в изученных сегодня методах в этих уроках по разработке игр на чистом JavaScript:
Эффект следа частиц: • HTML5 Canvas CRASH COURSE for Beginners
Игра «Рыба»: • JavaScript 2D Game Tutorial
🎮 Серия мастер-классов по разработке игр на чистом JavaScript, основы для Начинающие: 🎮
🐶 Проект 1: Спрайтовая анимация • Sprite Animation in JavaScript
🐶 Проект 2: Параллаксные фоны • Parallax in JavaScript Games
🐶 Проект 3: Движение NPC • How To Code Flying Creatures with JavaScript
🐶 Проект 4: Столкновение прямоугольников • Collision Detection Between Rectangles in ...
🐶 Проект 5: ** это видео **
🐶 Проект 6: Анимация на основе событий • Audio Visual Effects in JavaScript Games
🐶 Проект 7: Игра Raven • JavaScript Shooter Game Tutorial
🐶 Проект 8: Типы врагов • How To Code Creatures For JavaScript Games
🐶 Проект 9: Управление состоянием • State Management in Games
🐶 Проект 10: Простая игра-сайдскроллер • JavaScript Side Scroller Game Tutorial
Для большинства проектов нам нужен простой алгоритм обнаружения столкновений между двумя прямоугольниками или между двумя кругами. Для более сложных фигур мы также можем использовать метод обнаружения столкновений, называемый теоремой о разделяющих осях. Он может использоваться для обнаружения столкновений между выпуклыми многоугольниками или прямоугольниками, которые повернуты и не выровнены по осям.
🔥 Мне очень нравятся эти курсы по разработке и созданию игр на Udemy 🔥
☕ Как программировать игры: классика тайлов на JS для HTML5 Canvas https://bit.ly/2ZUfKuG
☕ Изучите профессиональный 2D-дизайн игровой графики в Photoshop https://bit.ly/2SpPdE8
☕ Лучший курс по дизайну и анимации 2D-персонажей для игр https://bit.ly/3eoZWqT
☕ Создавайте профессиональную пиксельную графику для своей новой игры https://bit.ly/3nUrTKm
Получите приложения Adobe Creative Suite (Photoshop, Illustrator и т. д.) https://bit.ly/3e60cI0
🎮 Больше уроков по HTML5 Canvas и играм на JavaScript:
• Game Development with Vanilla JavaScript
Даже если вы НОВИЧОК, вы все равно сможете создать Красивые анимации! Вот подборка моих проектов для начинающих, где я объясняю всё в более спокойном темпе:
• Front End Web Development Projects for Beg...
Если вы чувствуете себя увереннее в своих навыках программирования, посмотрите более сложные анимации с использованием чистого JavaScript и HTML5 canvas:
• Creative Coding with Vanilla JavaScript an...
Давайте дружить!
👍 Вы можете написать мне в Твиттере: / code_laboratory
👍 Посмотрите мой исходный код на Codepen: https://codepen.io/franksLaboratory
Музыка: (Аудиобиблиотека YouTube) Vacay In Fiji Riddim - Konrad OldMoney
Описание этого видео Может содержать партнерские ссылки, это означает, что если вы купите один из рекомендованных мной продуктов, я получу небольшую комиссию без каких-либо дополнительных затрат для вас. Это помогает поддерживать канал и позволяет мне продолжать снимать подобные видео. Спасибо за поддержку!
#frankslaboratory