Прочтите руководство по three.jswww.webgl3d.cn/Three.js/
Это действительно круто, всевозможные крутые динамические эффекты, вы можете поиграть с несколькими демоверсиями из официальной документации.
Ее приложения в основном связаны с 3D-визуализацией Интернета вещей.
Теперь интерактивный интерфейс нашей веб-страницы в основном представлен в виде двухмерных интерактивных эффектов, таких как кнопки, поля ввода и так далее.
Однако с развитием Интернета вещей в различных областях, таких как промышленность, строительство и т. д., а также в интерфейсе веб-интерфейса веб-проекта, связанного с Интернетом вещей, появится трехмерная тенденция. По сравнению с традиционным Интернетом Интернет вещей подчеркивает связь между людьми и вещами, вещами и вещами.Когда люди взаимодействуют с вещами, например, вы можете удаленно управлять машиной на фабрике, чтобы запускать или останавливать ее через веб-страницу. кнопку на веб-странице с помощью элемента div, а затем представить переключатель машинного устройства.Конечно, вы также можете отобразить устройство на веб-странице в 3D-форме, а затем напрямую нажать кнопку переключения на модели, как при воспроизведении Эти два метода Конечно, метод 3D более интуитивен, но стоимость разработки также относительно велика.
**职业方向**
JD
- 从技术实现的角度参与项目前期脑暴
- 独立完成 Web 页面开发和部署
- 熟悉 Web 前端开发，熟悉 Vue 框架
- 熟悉 Threejs 等 Web 3D 库
- 对技术和审美都有追求
- 接触过后台开发
- 热爱图形学
创意策划 Creative Strategist
网站开发 Web Developer
视觉设计 Visual Designer
三维模型 3D Modeler
技术驱动型创意,除创意和设计之外的技术基因
新奇的交互网页 ；用 Unity、Processing，制作 实时交互程序 ；
和 C4D、Blender、Houdini 一起输出有趣的 三维动画 。
Three.js — это 3D-движок, основанный на собственном пакете WebGL.Среди всех движков WebGL Three.js является наиболее широко используемым 3D-движком в Китае.
WebGL — это технология представления 3D-изображений в веб-браузерах.В отличие от необходимости установки подключаемых модулей браузера в прошлом, с помощью технологии WebGL 3D-изображения можно отображать только с помощью написания веб-кода. WebGL может обеспечить аппаратное ускорение 3D-рендеринга для Canvas, чтобы веб-разработчики могли использовать системную графическую карту для более плавного отображения 3D-сцен и моделей в браузере.
Порядок обучения WebGL и Three.js?
Если вы хотите реализовать функцию Web3D, время ограничено и у вас нет графической базы, я лично рекомендую вам сначала изучить Three.js. .
Если у вас есть достаточно времени и вы надеетесь, что у вас будет больше возможностей для роста, безусловно, необходимо изучить базовый нативный WebGL.Вы можете комбинировать WebGL и Threejs для обучения, и порядок не очень важен.
Фронтенд-инженер
Если вы фронтенд-инженер и вдруг столкнулись с разработкой Web3D-приложений, вы должны быть хорошо знакомы с фронтенд-экологией.Если вы не разбираетесь в WebGL и разработке 3D-приложений, в этом случае вам необходимо изучить Основы WebGL.Знания и базовые знания Three.js, а также различные проекты приложений Web3D в реальном бою, как разрабатывать и как сотрудничать между программистами и 3D-художниками, необходимо изучить процесс разработки реальных проектов.
нет основы программирования
Если вы новичок в WebGL или Three.js без какой-либо основы программирования, если у вас есть сильные способности к обучению, обучение не проблема.Во многих случаях способность к обучению важнее, чем ваша база.
Без основ программирования первое, что нужно сделать, это установить смысл программирования.Язык JavaScript используется для разработки WebGL.Естественно, вам нужно найти несколько базовых руководств по языку JavaScript для изучения, а затем просто добавить знания HTML и CSS, и затем перейдите на курс Three.js.
Имеешь основы программирования - не знаешь интерфейс
Некоторые новички имеют основы программирования, но не знают front-end, в этом случае необходимо сначала дополнить знания front-end, такие как HTML, CSS и JavaScript, а затем изучить Threejs и WebGL. В начале изучения Threejs и WebGL требования к интерфейсу не высокие, и достаточно немного базового, но если это разработка проекта, то требования к интерфейсу такие же, как и к обычному интерфейсу, и вы необходимо освоить JavaScript, HTML, CSS, http, vuejs, nodejs и другие знания.