Создание 3Д сайта с помощью Three.js

Поделиться
HTML-код
  • Опубликовано: 6 окт 2024

Комментарии • 43

  • @Mi-jt6nn
    @Mi-jt6nn 2 года назад +16

    Давай серию видео про подготовку простой сцены с анимациями, экспортом в gltf 2, и интеграцией в treejs. Будет интересно и невероятно полезно. Спасибо за ролик!

  • @olegkireev8739
    @olegkireev8739 10 месяцев назад +2

    Большое Спасибо за Вашу работу. Всё просто отлично 👍

  • @sgafaroff
    @sgafaroff 2 года назад +4

    Редко вижу подобные видео где все объясняется понятно и ясно )) Автор кросс!

  • @АленаЕршова-ъ5ю
    @АленаЕршова-ъ5ю Год назад +2

    Большое спасибо! За короткое видео, Быстрый старт и код на гитхабе, все работает, круть) добавила других планет еще

  • @boyarushnik9311
    @boyarushnik9311 2 года назад +7

    Автору уважение. Практически никто на русскоязычном ютубе не показывал. Был бы признателен, если поделитесь источниками по данной библиотеке на русском языке(уж оооочень нуждаюсь в этом)

    • @epicnull-it2044
      @epicnull-it2044  2 года назад +3

      На Ру языке я не встречал документацию. Приходится собирать из различных статей и видео. А лучше зайти в официальную документацию и воспользоваться переводчиком(если не знаешь английского). Так будет куда проще чем пытаться найти перевод.

    • @stranger271271
      @stranger271271 Год назад

      Вы на столько ленивые тюлени что ждете перевод еще и с видео документации. Ну дальше жди пока кто с мозгами всё это сам изучил и рынок захватил а ты так и останешься не удел. Ага жди уже скоро будет и перевод и видео уроки

  • @TimMshk
    @TimMshk 2 года назад +2

    Спасибо за видео! Продолжай....

  • @andreyevanton
    @andreyevanton 2 года назад +2

    Спасибо, бро!

  • @Virisound
    @Virisound Год назад +2

    Вау!!! Так коротко, и так результативно.
    Подписался, вдруг канал забурлит жизнью.
    ИМХО: Лучше было бы, если показали запуск сайта, тогда не было бы вопросов про сервер.

  • @gregdmitriev2784
    @gregdmitriev2784 2 года назад +2

    Cool! Спасибо) было бы хорошо, если бы код был по-крупнее ( с мобилы читать - такое ), и если бы вторым окном был открыт браузер, чтобы параллельно с написанием кода видеть изменения. А так - лайкос;)

    • @epicnull-it2044
      @epicnull-it2044  2 года назад

      С мобилки смотреть код ну такое..-_-
      Пока экспериментирую чтобы был виден результат от написанного кода. НЕ знаю как лучше сделать. Найду решение.

    • @gregdmitriev2784
      @gregdmitriev2784 2 года назад +1

      @@epicnull-it2044 в самой IDE просто крупней код сделать и всё

  • @эксплосивсинематик
    @эксплосивсинематик 2 года назад +1

    оч круто

  • @somebodycrazy
    @somebodycrazy Год назад +1

    А можете дать какую-то информацию по поводу взаимодействия js и объектов? Ну типа, поменять цвет или спрайт на объекте при клике на кнопку на сайте. Или допустим какую то механику простую, типа открыть/закрыть крышку у коробки при нажатии кнопки на сайте. Интересно именно взаимодействие js и объектов. Что для этого надо сделать с объектом в том же блендере, как его подготовить для работы с js

    • @epicnull-it2044
      @epicnull-it2044  Год назад

      Я с библиотекой уже не работаю, но могу предложить варианты как реализовать.
      Например, открытие сундука при клике. Создаем 3д модель и анимацию открытия, а после проигрываем ее с помощью js. Как то просто) На самом деле это достаточно простая задача. Главное разбить на мелкие подзадачи. У библиотеки очень много примеров и если ты хочешь понять как реализовать какой либо эффект, то лучший вариант это посмотреть примеры на сайте three js. Это очень сильно облегчит разработку. Мало примеров именно нужного тебе функционала и нужно не боятся изучать чужой код и практиковаться в создание подобного функционала самостоятельно.

  • @darya_cooks
    @darya_cooks Год назад

    Спасибо! Оч круто. А есть обучение?

  • @distomm
    @distomm Год назад +1

    зачем на 4:45 используется Array(3).fill().map(() => ), чем это отличается от Array(3).map(() => )? Это что-то дает? На сколько я понимаю это дает только лишний проход по массиву или я что-то путаю?

    • @epicnull-it2044
      @epicnull-it2044  Год назад

      fill - заполняет массив. Так то да, это лишний перебор массив, но я уже не помню почему его оставил. Давно дело было.)
      мб без это картинка "дергалась" при старте сцены. Сложно уже вспомнить.

  • @dkushka
    @dkushka Год назад

    В чём причина заброса такого лучшего канала в мире?

    • @epicnull-it2044
      @epicnull-it2044  Год назад +1

      Год богатый на события и нет возможности сейчас заниматься ютубом. Или просто мне лень. Не знаю.

    • @dkushka
      @dkushka Год назад

      @@epicnull-it2044 понятно, спасибо за ответ, только удачи по жизни

  • @MirrorTarot
    @MirrorTarot 2 года назад

    Здравствуйте у меня вопрос three.js нужен front-end разработчику?!

    • @epicnull-it2044
      @epicnull-it2044  2 года назад

      Нет. Мало фронтендеров которые умеют работать с канвас. Когда будет у тебя 1-2 года опыта коммерческой разработки, то советую изучить возможности фронта(в частности 2д и 3д в канвас)

  • @stranger271271
    @stranger271271 Год назад

    Графоний, атомик нервно курит

  • @СтеллажиИрбисСтеллажныесистемы

    скачал с гитхаба, запускаю, но ничего кроме квадратов с текстом нет...

    • @epicnull-it2044
      @epicnull-it2044  2 года назад

      нужно установить библиотеку и запустить сервер.
      Сейчас проверил репозиторий.
      - Клонировал
      - Запустил npm install (чтобы установить библиотеку)
      - Запустил vs code live server
      - Проверил. Все работает.
      Попробуй сделать так же. Должно все работать.)

    • @СтеллажиИрбисСтеллажныесистемы
      @СтеллажиИрбисСтеллажныесистемы 2 года назад

      @@epicnull-it2044 а если загрузить на хостинг должно сразу заработать?

    • @epicnull-it2044
      @epicnull-it2044  2 года назад

      @@СтеллажиИрбисСтеллажныесистемы необходимо две вещи для three.js.
      1- библиотека
      2- сервер
      Если это у тебя будет, то все сразу заработает.

  • @СергейЦветов-н4н
    @СергейЦветов-н4н 2 года назад +1

    ПК плохо не станет ?)

    • @epicnull-it2044
      @epicnull-it2044  2 года назад +1

      Нет. Все работает отлично)

    • @DenisB-d5f
      @DenisB-d5f Год назад

      @@epicnull-it2044 видно по диким фризам

    • @epicnull-it2044
      @epicnull-it2044  Год назад

      @@DenisB-d5f это из-за моего компа. Без записи видео работает отлично.

  • @Artboyguitar
    @Artboyguitar 2 года назад

    Приветствую! Как с тобой связаться ? Принимаешь заказы на разработку ?

    • @epicnull-it2044
      @epicnull-it2044  2 года назад

      Привет. Можно в вк.
      vk.com/id145903283

  • @CTILET
    @CTILET 11 месяцев назад +1

    Мне какраз надо сайт с объектом который будет как трансформер собирать когда мы скролим вниз.

  • @isy3d
    @isy3d Год назад +1

    *и тут выползает нуб, который только моделирует 3д* А как создать лайф сервер?)

    • @epicnull-it2044
      @epicnull-it2044  Год назад

      Самый простой способ это openserver
      еще
      - http-server через npm
      - или какой либо плагин для vs code
      Это все способы которыми я пользовался

    • @isy3d
      @isy3d Год назад +1

      @@epicnull-it2044 понял вас, спасибо.

  • @stranger271271
    @stranger271271 Год назад

    зе индекс

  • @user-eg9de6se8t
    @user-eg9de6se8t Год назад +1

    Просто взял код у fireship