Как создать простую сцену с three.js
ฝัง
- เผยแพร่เมื่อ 25 มิ.ย. 2024
- Сегодня мы научимся создавать простую сцену с использованием библиотеки three.js. Three.js - это мощный инструмент для создания интерактивной графики и визуализаций прямо в браузере с помощью языка JavaScript.
Мы начнем с основ и постепенно продвинемся к более сложным элементам. В первую очередь, мы разберемся с настройкой сцены и созданием камеры. Затем погрузимся в мир геометрии, создав простую форму куба. Мы научимся применять материалы и добавлять цвета.
••••••••••••••
0:00 Вступление
0:34 Сцена
1:05 Объекты
3:19 Камера
5:52 Отрисовщик
6:14 Отображение сцены
10:11 Концовка и планы на следующее видео
••••••••••••••
Спасибо за внимание ♥︎
Продвигаем полезный контент
Замечательный урок, всё так четко и понятно, очень здорово совмещена теория и практика
Спасибо вам, умная и красивая девушка. Вы проводник в новый мир знаний для меня ))
действительно полезный материал! если думаешь, стоит ли продолжать курс, ответ однозначно стоит.
Большое спасибо за курс
Огромное спасибо!!!!
очень доступно и понятно, спасибо)
О спасибо за уроки, надеюсь будет продолжение, посмотрю все. Ещё интересно это делать нам react
Получилось, спасибо большое за урок.
спасибо за урок )
у меня опять все вышло, Спасибо огромное))))
Получилось, спасибо большое за урок ! tree.js
Ты умница!)))
👍
под виски норм зашло
😅
Спасибо за такие замечательные видео и детальный разбор для "самых маленьких". По ходу видео обещали прикреплять ссылки на почитать, не нашел, увы.
Привет, да, когда снимала это видео TH-cam еще не давал крепить ссылки в описание, зайди сегодня вечером на канал, я обновлю и прикреплю)
@@WebDevSandbox а ссылок так и нет
вот бы у меня был такой метор
А где же ссылки? 😭
господи, как все понятно. сейчас прохожу платный курс анимации у "одной академии". там все текстом написано. ниче не понятно........
Я повторил код символ в символ, но у меня просто не отрисовывается ни сцена, ни что либо еще, подскажите, пожалуйста, в чем может быть причина?
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
И что это может означать, я ничего не понял, надо подключать еще какую-то библиотеку или менять структуру кода? Господи, я окончательно запутался
Привет,заходи в мой чат с подписчиками и отправляй там ссылку на гит или исходники, давай посмотрю)
t.me/+_iXu3UIKOA1lODI6
@@WebDevSandbox а что это за чат с подписчиками?