Практикуем Three.js, анимация и группировка
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 2024
- Изучать программирование и практиковаться, глупая история, поэтому в этом видео мы с вами закрепим знания, полученные в предыдущих уроках, и реализуем небольшой проект, который покроет темы, трансформации, группировки и анимации!
100 ❤️ и я пойму, что вам хочется больше практики с использованием Three.js)
••••••••••••••
0:00 Вступление
0:38 Создание группы с кубами
3:31 Добавление рандомных цветов
4:58 Анимирование сцены
12:30 Что дальше?
••••••••••••••
Ресурсы, про которые я говорила в ролике:
Код на начало видео: github.com/GuVictory/threejs-...
Итоговый код: github.com/GuVictory/threejs-...
••••••••••••••
Telegram канал проекта
t.me/WebDevSandbox
Угостить меня кофе:
boosty.to/guvictory/donate
Спасибо за внимание ♥︎
Очень круто, спасибо!
Класс! Спасибо!
Ох этот звук при копи пасте, это нечто
Блин, этот звук при копипасте, весь видос подпрыгивал
Круто , а где можно взять или рисовать свои 3д модели? или фигуры ?)
Свои 3D модели можно создавать в таких программах как Blender, например
где подобрать цвета для кода js не начинающиеся с # ?
Привет, есть конверторы из цветов, начинающихся на #, в rgba, например, ты об этом?
попробуй ввести сначало 0x а потом уже сам цвет без #
к примеру красный его hex #FF0000
и теперь в js пишешь сначало [0xff0000]
Вообще дико такое через scale мутить, по сути можно было добиться того же через camera.position.z, но вот чего действительно не хватило, так это easing функции на mult. Рывок то никуда не делся, а есть ли встроенные easing у threejs - тут я уже пошёл гуглить)))
Как сделать анимацию которую можно смотреть накуренным и познавать вселенную - выполнить данный урок до добавления if 🤣
Ахахах, да, хорошо подметил)