Three.js, вращаем и группируем объекты

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 มิ.ย. 2024
  • В прошлом уроке мы с вами начали разбираться с трансформацией объектов и прошли свойство position и scale, если вы это не смотрели, то советую обязательно посмотреть • Three.js, перемещаем и... !
    А сейчас мы перейдем к освоению вращения, комбинирования преобразований и группировки объектов.
    ••••••••••••••
    0:00 Вступление
    0:59 Вращение
    5:32 Метод lookAt
    7:14 Комбинирование трансформаций
    8:17 Группировка объектов
    12:00 Что будет дальше?
    ••••••••••••••
    Ресурсы, про которые я говорила в ролике:
    - Исходный код: github.com/GuVictory/threejs-...
    - Кватернионы: threejs.org/docs/#api/en/math...
    - Статья про матричные преобразования: developer.unigine.com/ru/docs...
    ••••••••••••••
    ✈️ Telegram канал проекта
    t.me/WebDevSandbox
    ☕️ Угостить меня кофе:
    boosty.to/guvictory/donate
    ❤️ Подписка на доступ к текстовому формату видео: boosty.to/guvictory/purchase/...
    Спасибо за внимание!

ความคิดเห็น • 13

  • @amalispace4815
    @amalispace4815 5 หลายเดือนก่อน +1

    Отличная подача, очень легко смотрится плейлист!

  • @user-rb3sw3ku6t
    @user-rb3sw3ku6t 11 หลายเดือนก่อน +1

    Спасибо за урок. У вас хорошая подача материала - всё ясно и понятно.
    Жду не дождусь работу с шейдерами )
    П.С. - хотелось бы отдельный урок по кватернионам. Просто в своё время всю голову сломал о том как ими пользоваться!

  • @kvantocars
    @kvantocars 5 หลายเดือนก่อน +1

    Уважаемый автор, расскажите пожалуйста про свой путь в IT. Вы очень умная и образованная, это восхищает. Но я вот совершенно из другой области, а точнее я чистый 3Dшник дизайнер/инженер + знаю html,css. Но мне сложно понять даже некоторые термины, которые вы употребляете. Вы очень мотивируете изучать IT и хочется понять, как заполнить пробелы, которые мне пока не дают свободно овладеть той информацией, которую вы даете в уроках.

  • @trustambassador
    @trustambassador 3 หลายเดือนก่อน

    Спасибо за видео урок.

  • @lamozstudio
    @lamozstudio ปีที่แล้ว

    Спасибо! Жду следующее видео

  • @user-vs2cr2gs2w
    @user-vs2cr2gs2w 11 หลายเดือนก่อน

    спасибо за твои видосы) видно что очень стараешься

  • @HuynhLuong227
    @HuynhLuong227 ปีที่แล้ว +1

    thanks for sharing

  • @dmitriydes6437
    @dmitriydes6437 6 หลายเดือนก่อน

    Кватернион это довольно просто. Представьте вектор из начала координат, который куда-то смотрит в полном сферическом пространстве и простирается в этом направлении на определенную длину. На кончик этого вектора насажен объект, ну как кусочек мяса на шампур. Осталось только провернуть этот шампур на определенный угол, тем самым повернув объект. Так можно задать любое положение объекта в пространстве, но поскольку тут участвует длина, три угла для вектора-шампура и еще угол поворота, то да, удобнее задавать в матричном формате.

  • @evgeny_mdr
    @evgeny_mdr ปีที่แล้ว +1

    Классные видео. У меня изучение three.js остановилось на моменте когда мне понадобились 3д модельки из блендера любых объектов, сам я не очень моделирую а покупать модели для изучения не лучший вариант.
    Хотелось бы поскорее увидить как готовить текстуры для объектов.
    Так же проблему с производительностью при тенях. (которую я к примеру решал запеканием теней)

    • @WebDevSandbox
      @WebDevSandbox  ปีที่แล้ว +1

      Привет! Мы, безусловно, дойдем то тем, про которые ты говоришь, но я предупреждаю, это достаточно далеко впереди.
      Очень рада, что тебе заходят видео ❤

    • @user-rb3sw3ku6t
      @user-rb3sw3ku6t 11 หลายเดือนก่อน +1

      Да, про тени узнать было бы хорошо.

  • @autodidactit4492
    @autodidactit4492 ปีที่แล้ว +1

    Awesome!
    Ты крутая!

  • @pick-pock
    @pick-pock 29 วันที่ผ่านมา

    Иулер? Серьёзно? 🤦🏻‍♂️