Тёмный

Загружаем и анимируем 3D модели в Three.js за 12 минут 

Web Dev Sandbox
Подписаться 2,1 тыс.
Просмотров 7 тыс.
50% 1

Перечитали кучу форумов, а загрузить 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
Спасибо за внимание ♥︎

Опубликовано:

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@lowmikow1099
@lowmikow1099 Месяц назад
Шикарный урок! Огромное спасибо! Успехов вам)
@user-rj2td1sq2u
@user-rj2td1sq2u 6 месяцев назад
Бомба подача и тематика! Умница
@VolodymyrSirenko
@VolodymyrSirenko 4 месяца назад
Спасибо за контент!
@DarkDesert78
@DarkDesert78 8 месяцев назад
Спасибо большое за помощь !
@meetnihil3129
@meetnihil3129 8 месяцев назад
Спасибо ❤❤❤
@autodidactit4492
@autodidactit4492 8 месяцев назад
Круто!) Спасибо за контент!
@Sufir_Havat
@Sufir_Havat 8 месяцев назад
Какая симпатичная девушка ❤
@Rampaso
@Rampaso 8 месяцев назад
Круто)))
@nikolaizarezako9344
@nikolaizarezako9344 8 месяцев назад
Никогда не работал с Three.js, но выглядит безумно круто) Спасибо)
@WebDevSandbox
@WebDevSandbox 8 месяцев назад
Привет, рада, что тебе было интересно) Рекомендую посмотреть в сторону three.js 🙃
@nikolaizarezako9344
@nikolaizarezako9344 8 месяцев назад
@@WebDevSandbox пока не вижу необходимости) Но если появится, то буду знать куда бежать)
@Vovan_Sergeevih
@Vovan_Sergeevih 8 месяцев назад
@@WebDevSandbox А почему не в сторону Babylon.js
@dimonlimon1770
@dimonlimon1770 8 месяцев назад
Вау, просто вау, спасибо за такие уроки по 3д моделям во фронтенде, с меня лайк)))
@user-te9ci1tx4x
@user-te9ci1tx4x 3 месяца назад
🥰
@user-ox4ot1ii4x
@user-ox4ot1ii4x 7 месяцев назад
Спасибо за такие видео, молю, продолжай !)
@Tolfyy
@Tolfyy 8 месяцев назад
💋💘
@shadows2812
@shadows2812 7 месяцев назад
Расскажи как-нибудь о шейдерах и наложении их на подобные модели.
@WebDevSandbox
@WebDevSandbox 7 месяцев назад
Привет, будет)
@katerinamancova9333
@katerinamancova9333 Месяц назад
Как теперь это залить на сайт?
@Virisound
@Virisound 7 месяцев назад
Ещё нужно было загрузить "панорамный фон". И будет 3D фон, фигура будет в пространстве, к примеру в гараже, в городе и т.д.
@Virisound
@Virisound 7 месяцев назад
Хотя вы по-любому это уже делали, без меня, умника.))
@petermashine1483
@petermashine1483 7 месяцев назад
а точно будут уроки со светом дальше по курсу?
@WebDevSandbox
@WebDevSandbox 7 месяцев назад
Да, будут)
Далее
🍟Best French Fries Homemade #cooking #shorts
00:42
▼ОНИ ЩУПАЛИ МЕНЯ 👽🥴
32:00
Просмотров 514 тыс.
мое новое шоу «блеф»
00:40
Просмотров 35 тыс.
3D модель на сайт за 10 минут!
7:23
HTML Canvas DEEP DIVE
49:43
Просмотров 98 тыс.
How to add 3D to your Vue App using ThreeJS
36:07
Просмотров 15 тыс.