Как создать простую сцену с three.js

Сегодня мы научимся создавать простую сцену с использованием библиотеки three.js. Three.js - это мощный инструмент для создания интерактивной графики и визуализаций прямо в браузере с помощью языка JavaScript.
Мы начнем с основ и постепенно продвинемся к более сложным элементам. В первую очередь, мы разберемся с настройкой сцены и созданием камеры. Затем погрузимся в мир геометрии, создав простую форму куба. Мы научимся применять материалы и добавлять цвета.
••••••••••••••
0:00 Вступление
0:34 Сцена
1:05 Объекты
3:19 Камера
5:52 Отрисовщик
6:14 Отображение сцены
10:11 Концовка и планы на следующее видео
••••••••••••••
Спасибо за внимание ♥︎

[@amalispace4815]

Замечательный урок, всё так четко и понятно, очень здорово совмещена теория и практика

[@yusheeroshorts]

Продвигаем полезный контент

[@kvantocars]

Спасибо вам, умная и красивая девушка. Вы проводник в новый мир знаний для меня ))

[@Kubzay]

О спасибо за уроки, надеюсь будет продолжение, посмотрю все. Ещё интересно это делать нам react

[@artemlyamzin6383]

Огромное спасибо!!!!

[@user-cw3ec1ih2o]

действительно полезный материал! если думаешь, стоит ли продолжать курс, ответ однозначно стоит.

[@trustambassador]

Получилось, спасибо большое за урок.

[@demidovmaxim1008]

Большое спасибо за курс

[@user-uc6ek4yl9h]

очень доступно и понятно, спасибо)

[@user-pn1eh9qx4e]

Получилось, спасибо большое за урок ! tree.js

[@unknown.6914]

спасибо за урок )

[@user-vs2cr2gs2w]

у меня опять все вышло, Спасибо огромное))))

[@user-jx3gn8qy2q]

Ты умница!)))

[@daryaemelyanova1785]

👍

[@Denis-rh9jp]

под виски норм зашло

[@WebDevSandbox]

😅

[@dr.lunyak2386]

вот бы у меня был такой метор

[@user-gz3wu1on9z]

Спасибо за такие замечательные видео и детальный разбор для "самых маленьких". По ходу видео обещали прикреплять ссылки на почитать, не нашел, увы.

[@WebDevSandbox]

Привет, да, когда снимала это видео KZbin еще не давал крепить ссылки в описание, зайди сегодня вечером на канал, я обновлю и прикреплю)

[@olgakobleva134]

@@WebDevSandbox а ссылок так и нет

[@evdokiadergileva550]

А где же ссылки? 😭

[@user-rr1ju1ck2u]

господи, как все понятно. сейчас прохожу платный курс анимации у "одной академии". там все текстом написано. ниче не понятно........

[@Adjudlcat0r]

Я повторил код символ в символ, но у меня просто не отрисовывается ни сцена, ни что либо еще, подскажите, пожалуйста, в чем может быть причина? Three.js нормально подключен, некоторые другие варианты кода работают и выводят сцену с моделью, однако стоит заменить например MeshBasicMaterial на MeshNormalMaterial и все слетает. И сцена и сама модель. По итогу я просто сижу уже 6 часов над этим кодом и нихрена не могу понять, что здесь происходит, я уже проверил каждую запятую, свой html, и как уже сказал, подключен ли вообще этот дранный Three.js. У меня уже опускаются руки, я просто не могут понять в чем может быть дело, ну раз у вас работает этот код, значит все-таки он рабочий, но почему у меня-то не работает? Я уже перешерстил и англоязычный ютуб и до сих пор не решил проблему, господи как же я уже устал от этой всей херни... P.S Вот что выводится в консоли: Scripts "build/three.js" and "build/three.min.js" are deprecated with r150+, and will be removed with r160. Please use ES Modules or alternatives: threejs.org/docs/index.html#manual/en/introduction/Installation (anonymous) @ three.min.js:1 Model.html:17 Access to script at 'file:///C:/Users/%D0%B3/Desktop/%D0%9F%D0%BE%D0%BB%D0%B8%D0%B3%D0%BE%D0%BD/model.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome-untrusted, https, edge. model.js:1 И что это может означать, я ничего не понял, надо подключать еще какую-то библиотеку или менять структуру кода? Господи, я окончательно запутался

[@WebDevSandbox]

Привет,заходи в мой чат с подписчиками и отправляй там ссылку на гит или исходники, давай посмотрю) t.me/+_iXu3UIKOA1lODI6

[@olgakobleva134]

@@WebDevSandbox а что это за чат с подписчиками?