Загружаем и анимируем 3D модели в Three.js за 12 минут
Vložit
- čas přidán 9. 06. 2024
- Перечитали кучу форумов, а загрузить 3D модель в приложение three.js не получается? Тогда это видео точно для вас. Разберемся как загрузить простые модели, составные модели + заставим наши модели оживать, используя встроенные анимации.
100 ❤️ и я пойму, что вам хочется больше подобных видео
••••••••••••••
0:00 Введение
0:26 Создаем проект
1:24 Добавляем исходники моделей
2:08 Подготовка сцены
4:24 Импортируем простую 3D модель
7:11 Импортируем составную 3D модель
8:50 Импортируем и анимируем 3D модель
11:22 Итоги и планы
••••••••••••••
Ресурсы, про которые я говорила в ролике:
- Шаблон проекта: github.com/WebDev-Sandbox/thr...
- Скачать модели: github.com/KhronosGroup/glTF-...
- Курс Three.js: • Курс по three.js
••••••••••••••
✈️ Telegram канал проекта: t.me/WebDevSandbox
☕️ Угостить меня кофе: pay.cloudtips.ru/p/4013864b
Спасибо за внимание ♥︎
Шикарный урок! Огромное спасибо! Успехов вам)
Бомба подача и тематика! Умница
Спасибо за контент!
Спасибо большое за помощь !
Спасибо ❤❤❤
Вау, просто вау, спасибо за такие уроки по 3д моделям во фронтенде, с меня лайк)))
Круто)))
Круто!) Спасибо за контент!
Никогда не работал с Three.js, но выглядит безумно круто)
Спасибо)
Привет, рада, что тебе было интересно) Рекомендую посмотреть в сторону three.js 🙃
@@WebDevSandbox пока не вижу необходимости)
Но если появится, то буду знать куда бежать)
@@WebDevSandbox А почему не в сторону Babylon.js
Какая симпатичная девушка ❤
Спасибо за такие видео, молю, продолжай !)
🥰
💋💘
Ещё нужно было загрузить "панорамный фон". И будет 3D фон, фигура будет в пространстве, к примеру в гараже, в городе и т.д.
Хотя вы по-любому это уже делали, без меня, умника.))
Расскажи как-нибудь о шейдерах и наложении их на подобные модели.
Привет, будет)
Как теперь это залить на сайт?
а точно будут уроки со светом дальше по курсу?
Да, будут)