Сразу 4 новые анимации | Triangle mesh - upgrade | JavaScript
![ThreePixDroid [RU]](http://yt3.ggpht.com/ytc/AIdro_m9hY0wSlD4ygQJ9MwISJSheP6X-5dtaCYYZ-hmk6ytX8k=s48-c-k-c0x00ffffff-no-rj)
HTML-код
- Опубликовано: 25 авг 2024
- #Анимация #Canvas #JavaScriot
Upgrade это новый формат видео на канале.
В этом видео прокачиваем ранее созданную анимацию Triangle mesh.
Файлы из начала видео (Triangle mesh animation):
GitHub: github.com/Thr...
Исходники - финальный результат со всеми анимациями:
GitHub: github.com/Thr...
Предыдущие / Связанные видео:
Меш из треугольников - • Triangle mesh | Canvas...
Подключение Canvas : • Подключение Canvas | J...
Модули | JavaScript : • Модули | JavaScript
Игровой цикл : • Game loop | JavaScript...
Интересное:
Анимация градиента : • Canvas JavaScript | Bl...
Гексагональная сетка : • Generative Art | Перем...
Молния : • Lightning with Vanilla...
О боже, какое офигенное видео. Так держать, автор, ролики реально годные!!!!
Спасибо! Очень приятные слова! )
Здравствуйте меня зовут Анатолий, я просмотрел все ваши видео и очень-очень понравилось, начал изучать Canvas
Сверх годно, лайк, подписку и колокольчик оформил
Заставка новая круто выглядит
Круто, дружище! Обязательно продолжай!
Найс, давно этого ждал
Красивые эффекты!!! Спасибо!!!
Пожалуйста)
Уррраа , новый ролик {:-)
These look amazing
Надо к этому подключить музыку! Чтобы фигуры менялись под бит
Офигенно, очень круто когда в сегменте ру есть такие спецы, за которыми хочется повторять и прокачивать свои скилы. Спасибо большое за такие качественные видео, такому формату однозначно зелёный свет!
недавно немного копался с гудини и по идее можно подобную анимацию перенести в обычный див + привязать ксс переменные для замиксовки эффектов, не думал попробовать что-то такое?
Иногда, канвас использую чтобы тестировать алгоритмы, потом переношу их в движок ue4, и недавно стал переносить их в blender3d. остаётся обычно добавить ещё одно измерение и готово.😏
Шикарно. Такой формат безусловно интересен
как ты до этого додумываешься? это просто настолько круто
Полученный результат - это совокупность разных алгоритмов которых в интернете полно, плюс немного экспериментов с кодом, чтоб получилась именно анимация, ну и как же без практики
А в интернете есть эффекты куда круче)
Просто мало кто объясняет или показывает как их сделать)
Лайк, подписка. Недавно стал вайтишником; пока разрываюсь между фронтендом и менеджментом, но такая красота на js никого не оставит равнодушным :)
2й эффект подойдет на обложку любого синт трека. Или для сайта, где угорают по 70-80м.
Мне нравится новый формат, приносит вдохновение. И да, спокойный голос с объяснениями это топ!
Как всегда на высоте, анимация вступление приятное, но музыка до сих пор меня пугает
Так дерэать
Отличные примеры!)) А что за музыка у Вас за кадром? Хорошо заходит!)
Спасибо, Вся музыка с официальной фонотеки Ютуба.
Я хотел всего лишь название трека(понравился) :) Я не сомневаюсь, что вся музыка из официальных источников, а код -и уроки - вообще выше всяких похвал!)
Ок, понял. Название трека тогда позднее скину как время будет)
Классные видео!!!
я только начинаю учить JS многое не понимаю,но анимация крутая.
подскажи пожалуйста как использовать на заднем фоне например
Canvas это html элемент как и div, а значит его размер и положение на странице можно настроить с помощью css. Возможно поможет это видео ruclips.net/video/XgXGXEqQJqI/видео.html
Привет, хотел узнать, есть ли в планах у тебя снимать обучающие видео по Three.js и WEBGL ???
Привет! WebGl планирую начать снимать в будущем, когда канал станет более популярным и стабильным, а Three.js скорее всего не будет вообще.
@@ThreePixDroid_RU Понятно, спасибо за ответ :)