Зарезервирован [Zero to Mastery] Three.js Bootcamp: Zero to Mastery [ENG-RUS]

Тренировочный лагерь Three.js: С нуля до мастерства
"Zero to mastery" на русском


​

Автор: Jesse Zhou

Студия: Zero to mastery

Год: 2025

Продолжительность курса: 20 часов

Язык: Английский

Программное обеспечение: Three.js, WebGL, Blender

Данный курс охватывает все лучшие практики и тренды Three.js, фокусируясь на эффективности.

Это значит, что вам больше не придется тратить время на запутанные, устаревшие или неполные уроки.

Мы быстро выведем вас за пределы базовых знаний, чтобы вы могли самостоятельно создавать потрясающий интерактивный 3D-опыт в браузере, используя последнюю версию Three.js, и стать профессиональным Three.js. разработчиком.

Истории успеха говорят сами за себя.

Выпускники Zero To Mastery работают в Google, Tesla, Amazon, Apple, IBM, Uber, Facebook, Shopify и других ведущих технологических компаниях. Они также работают топ-фрилансерами, получая оплату за удаленную работу по всему миру. Вы можете стать такими, как они.

Записавшись сегодня, вы также присоединитесь к нашему эксклюзивному живому онлайн-сообществу, где учатся тысячи студентов, выпускников, менторов, помощников преподавателей и инструкторов.

И самое главное — вы будете учиться у Джесси Чжоу, опытного профессионала индустрии, обладающего реальным опытом работы с Three.js и 3D окружениями.

Вот что охватывает этот курс по Three.js:

1. НАЧАЛО РАБОТЫ С THREE.JS: Перед погружением в мир Three.js важно иметь необходимые ресурсы и базовые знания. Этот раздел закладывает фундамент, знакомя вас с тем, что такое Three.js, какие базовые знания нужны и где найти официальную документацию Three.js.

Что вы узнаете:
- Что такое Three.js: основные концепции и возможности Three.js.
- Вдохновение: знакомство с коллекцией примеров Three.js для старта.
- Документация Three.js: понимание официальной документации Three.js.

2. ОСНОВЫ THREE.JS: Вы погрузитесь в ключевые концепции Three.js, такие как создание сцен, манипуляция моделями и работа с камерами. К концу раздела вы создадите захватывающую 3D-сцену солнечной системы, используя изученные навыки.

Что вы узнаете:
- Привет, мир! (Ваша первая сцена): как настроить свою первую сцену в Three.js.
- Камера: изучение разных типов камер и их свойств.
- Манипуляция моделями: трансформация и анимация 3D-объектов.
- Модели — геометрия и материалы: изучение различных типов геометрий и материалов.
- Текстуры: как применять и манипулировать текстурами.
- Освещение и тени: создание реалистичного освещения и теней.

3. ПРОДВИНУТЫЙ УРОВЕНЬ THREE.JS И СОЗДАНИЕ ПОРТФОЛИО: Вы используете навыки Three.js для создания персонализированного портфолио в стиле игры от третьего лица. Это портфолио станет доказательством вашей технической подготовки и креативности.

Что вы узнаете:
- Структура кода портфолио: архитектура проекта на Three.js.
- Экран предварительной загрузки: создание прелоадера при загрузке ассетов.
- Физика: внедрение реалистичной физики в 3D-сцены.
- Базовое управление: узнаете, как управлять объектами с помощью клавиатуры.
- Физика персонажа: создание контроллера персонажа для сложных движений.
- Контроллер камеры: создание камер от первого и третьего лица.
- Тело аватара: добавление 3D-аватара в сцену.
- Контроллер анимации: реализация анимаций для 3D-аватара.
- Создание окружения с Blender и Three.js: создание сложных 3D-окружений.
- Обработка интерактивности: внедрение интерактивных элементов, таких как порталы.

Спойлер: Оригинальное описание

This Three.js course covers all the Three.js best practices and trends and is focused on efficiency.

That means you'll never have to spend time on confusing, out-of-date, incomplete tutorials anymore.

Instead, we'll quickly push you beyond the basics so that you can build incredible, interactive 3D browser experiences on your own using the latest version of Three.js and become a professional Three.js Developer.

The success stories speak for themselves.

Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, Uber, Facebook, Shopify + other top tech companies. They are also working as top freelancers getting paid while working remotely around the world. This can be you.

By enrolling today, you’ll also get to join our exclusive live online community classroom to learn alongside thousands of students, alumni, mentors, TAs and Instructors.

Most importantly, you will learn from Jesse Zhou, a senior industry professional that has actual real-world experience working with Three.js and 3D environments.

Here's what this Three.js course covers:

1. GETTING STARTED WITH THREE.JS: Before diving into the world of Three.js, it's crucial to have the essential resources and prerequisite knowledge. This section serves as a foundation, introducing you to what Three.js is, the prerequisite knowledge you'll need, and where to find the official Three.js documentation.

Here are some of the details of what you'll learn:

• What is Three.js: learn the core concepts and capabilities of Three.js.
• Inspiration: get introduced to a collection of Three.js examples to get you started.
• Three.js Documentation: gain and understanding of the official Three.js documentation.

2. THREE.JS FUNDAMENTALS: You'll dive into the core concepts of Three.js, such as creating scenes, manipulating meshes, and working with cameras. By the end of this section, you'll have created an immersive, 3D solar system scene using the new skills you've acquired.

Here are some of the details of what you'll learn:

• Hello World (Your First Scene): learn how to set up your first Three.js scene.
• Camera: understand the different types of cameras and their properties.
• Manipulating Meshes: learn how to transform and animate 3D objects.
• Mesh - Geometries and Materials: explore the different types of geometries and materials.
• Textures: understand how to apply and manipulate textures.
• Lighting and Shadows: learn how to create realistic lighting and shadows.

3. ADVANCED THREE.JS & CREATING YOUR PORTFOLIO: You'll use your Three.js skills to create a personalized portfolio designed like a third-person game. This portfolio will serve as a testament to your technical ability and creativity.

Here are some of the details of what you'll learn:

• Portfolio Code Structure: learn the architecture of a Three.js project.
• Pre-Loader: understand how to create a pre-loading screen for your assets.
• Physics: implement real-world physics into your 3D scenes.
• Basic Inputs: learn how to control objects using keyboard inputs.
• Character Physics: implement a character controller for more complex movements.
• Camera Controller: learn how to create first and third-person camera controllers.
• Avatar Body: add a 3D avatar to your scene.
• Animation Controller: implement animations for your 3D avatar.
• Creating an Environment with Blender and Three.js: learn how to create complex 3D environments.
• Handling Interactivity: implement interactive elements like portals.

Страница курса:

Пример перевода:

Курс зарезервировал Harbinger, начнет переводить когда запишутся 60-65 человек

 

Добавлен пример перевода