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

Sdílet
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
    Спасибо за внимание ♥︎

Komentáře • 23

  • @lowmikow1099
    @lowmikow1099 Před měsícem

    Шикарный урок! Огромное спасибо! Успехов вам)

  • @user-rj2td1sq2u
    @user-rj2td1sq2u Před 6 měsíci

    Бомба подача и тематика! Умница

  • @VolodymyrSirenko
    @VolodymyrSirenko Před 4 měsíci

    Спасибо за контент!

  • @DarkDesert78
    @DarkDesert78 Před 8 měsíci

    Спасибо большое за помощь !

  • @meetnihil3129
    @meetnihil3129 Před 8 měsíci

    Спасибо ❤❤❤

  • @dimonlimon1770
    @dimonlimon1770 Před 8 měsíci +2

    Вау, просто вау, спасибо за такие уроки по 3д моделям во фронтенде, с меня лайк)))

  • @Rampaso
    @Rampaso Před 8 měsíci

    Круто)))

  • @autodidactit4492
    @autodidactit4492 Před 8 měsíci +2

    Круто!) Спасибо за контент!

  • @nikolaizarezako9344
    @nikolaizarezako9344 Před 8 měsíci +1

    Никогда не работал с Three.js, но выглядит безумно круто)
    Спасибо)

    • @WebDevSandbox
      @WebDevSandbox  Před 8 měsíci +2

      Привет, рада, что тебе было интересно) Рекомендую посмотреть в сторону three.js 🙃

    • @nikolaizarezako9344
      @nikolaizarezako9344 Před 8 měsíci

      @@WebDevSandbox пока не вижу необходимости)
      Но если появится, то буду знать куда бежать)

    • @Vovan_Sergeevih
      @Vovan_Sergeevih Před 8 měsíci

      @@WebDevSandbox А почему не в сторону Babylon.js

  • @Sufir_Havat
    @Sufir_Havat Před 8 měsíci +4

    Какая симпатичная девушка ❤

  • @user-ox4ot1ii4x
    @user-ox4ot1ii4x Před 8 měsíci

    Спасибо за такие видео, молю, продолжай !)

  • @user-te9ci1tx4x
    @user-te9ci1tx4x Před 4 měsíci

    🥰

  • @Tolfyy
    @Tolfyy Před 8 měsíci

    💋💘

  • @Virisound
    @Virisound Před 8 měsíci

    Ещё нужно было загрузить "панорамный фон". И будет 3D фон, фигура будет в пространстве, к примеру в гараже, в городе и т.д.

    • @Virisound
      @Virisound Před 8 měsíci

      Хотя вы по-любому это уже делали, без меня, умника.))

  • @shadows_guild
    @shadows_guild Před 8 měsíci +1

    Расскажи как-нибудь о шейдерах и наложении их на подобные модели.

  • @katerinamancova9333
    @katerinamancova9333 Před měsícem

    Как теперь это залить на сайт?

  • @petermashine1483
    @petermashine1483 Před 7 měsíci +1

    а точно будут уроки со светом дальше по курсу?