Triangle mesh | Canvas & JavaScript | ru
![ThreePixDroid [RU]](http://yt3.ggpht.com/ytc/AIdro_m9hY0wSlD4ygQJ9MwISJSheP6X-5dtaCYYZ-hmk6ytX8k=s48-c-k-c0x00ffffff-no-rj)
HTML-код
- Опубликовано: 3 окт 2024
- #Triangle #mesh #animation with #vanilla #JavaScript
В этом видео создадим анимированный меш из треугольников.
Приятного просмотра.
Исходники - Стартовые файлы:
GitHub : github.com/Thr...
Исходники - Финальные файлы:
GitHub : github.com/Thr...
Discord для программистов:
/ discord
Предыдущие / Связанные видео:
Подключение Canvas : • Подключение Canvas | J...
Модули | JavaScript : • Модули | JavaScript
Игровой цикл : • Game loop | JavaScript...
Интересное:
Анимация градиента : • Canvas JavaScript | Bl...
Гексагональная сетка : • Generative Art | Перем...
Молния : • Lightning with Vanilla...
![[Canvas JS] Волна из текста : часть 1 + исходники | Wavy text : part 1 + sources](http://i.ytimg.com/vi/JqZV_wXDy2w/mqdefault.jpg)
![[Canvas JS] Волна из текста : часть 1 + исходники | Wavy text : part 1 + sources](/img/tr.png)
кайф канал)) спасибо, очень вдохновляет выдумать что-нибудь эдакое. жму колокольчик и с нетерпением жду новинки!
Beautiful
Many thanks!
frank can you explain this on your channel i beg you please I'm desperate to learn this from you. cant understand this dude.
Очень редко пишу комменты, но тут совесть не позволила промолчать. Огромное спасибо за подобные гайды. Просто огонь!
Пожалуйста))
Очень красиво!!!!!!
Очень интересно и красиво, спасибо! Все получислось как в видео, но понимания всех этих гипотенуз и т.д. пока не произошло)
С практикой придёт и понимание:)
такого качественного контента в русскоязычном сегменте по сложным анимациям до этого я просто не находил, спасибо большое, продолжай в том же духе!
Спасибо!
Спасибо, очень круто!
Я бы никогда не додумался до побитовых операторов :(
Спасибо большое!)
Великолепный ролик! Отличный код, отличный звук!
Спасибо большое) плохо продвигаю)
@@ThreePixDroid_RU эх, сеошника тебе надо хорошего.
Понимаю, что может быть сложно и желаю побольше сил на вот это вот всё :)
Спасибо)
Очень круто. И как удобно стало с модулями
Спасибо)
Дождались!!!
Го ролик про процедурную генерацию, шум Пёрлина и фракталы?
С радостью, как время появится)
уоп, уже открываю вскод)
Все гениальное - просто. Крутой эффект 👍
Как много уходит времени на реализацию?
Привет) спасибо!)
На черновой вариант от 30 минут до 2 дней, а потом ещё пару недель могу думать, что улучшить) на этот код ушло часа 4, а потом ещё неделю над ним сидел и в итоге сократил строчек 20 , при этом стало по симпатичнее)
Иногда в 1-2 часа укладываюсь и сразу хорошо получается и менять ничего не хочется. А есть проекты, которым уже пол года и больше, они интересные, но не доведены до ума.
@@ThreePixDroid_RU Здорово! Мне до 1-2 часов еще далековато, но тоже потихоньку продвигаюсь
Привет. Это волшебство, как этому возможно научиться дистанционно, не могу понять.
JavaScript с нуля немного понимаю и пишу для себя калькуляторы, а теперь хочется добавить в них денамической элюстрации 2D и 3D но, я ни как не могу понять как строиться логика в написании кода. Имею 6 летний опыт в 3D моделирование (Sketchup) .
Знание 3d моделирования тут на вряд-ли поможет. А что бы научиться ,надо просто практиковаться. Понимание быстро придёт если вам это действительно интересно.
@@ThreePixDroid_RU Спасибо за ответ.
Ошибочно предполагал что графика изначально создаётся в 3ds Max и тругих ПО, а только потом подключаются математические расчёты к осям модели.
Рассуждал на основе пользования blend4web, учился создавать конфигуратор для сайта.
Я имел ввиду, что знание 3d вряд-ли поможет изучить JavaScript, а вот загрузить готовую модель и проводить манипуляции с ней через код - возможно;)
Спасибо за Ваш труд. Очень годные видео! Подскажите, какую цветовую схему используете в редакторе?
Привет) Спасибо! horizon
а как поменять цвет? если я хочу чтобы основным цветом был синий и она менялась от светлого до темного
Почему мыш
чет у меня ничего не работает на 6 минуте, нет никаких точек, странно
Там исходники приклеены под видео.
Можешь свериться, всё работает)
блин, очень прикольно, но почему если я пытаюсь повторить то, что ты делаешь в видео у меня до какогото момента всё нормально, а патом оно просто перестаёт работать на полавине
Привет! Скинь код мне вконтакте, гляну) Без кода перед глазами труднее найти решение. Скорее всего просто опечатка.
@@ThreePixDroid_RU к сожалению, после второй неудачной попытки, я удалил код и скачал ваш готовый вариант🙁
@@ThreePixDroid_RU но всё-равно, есть парочка вопросов: вы почти всегда делаете обработчик событий через addEvent... почему вы не используете on(klick) , мне просто интересно, есть ли в них какая нибудь принципиальная разница (например исполнение требует меньше ресурсов) или это просто на свой вкус каждый делает как нравится:
и второй вопрос, все почему-то дают id элементам, а патом в js пишут getElemrntById() но зачем, если по id можно просто обратиться без создания новой переменной, в этой ситуации тоже интересно есть ли какие нибудь лишние затраты ресурсов на этом?
P.S. вы просто сказали что в коментариях можно задавать вопросы, а меня вот эти два давно мучают
а судя по тому, какие классные вещи вы делаете, мне кажется что вы в этом очень хорошо разбираетесь, не то, что 80% людей которые просто пилят видосики по програмированию а патом в самом видео удивляются что у них, что то не работает, из за опечаток, которые я замечаю ещё пока они пишут.
А в ваших видосиках нетак, я даже иногда не понимаю 😅😅😅
@@ThreePixDroid_RU это если что комплимент, ваши видосики на порядок качественнее, и обидно что у вас такая маленькая аудитория
Привет) Например ты повесил на событие onresize изменение размера холста, а потом в другой части кода, на это же событие повесил ещё что то, тогда первое событие отключится.
addeventlistener можно добавлять очень много событий на resize.
А елемент получают в коде не по id , что бы было понятно от куда он взялся.