Создаем 3D Car Racing игру с THREE.js и CANNON.js

10 участников

О чём курс

Создайте полноценную браузерную 3D-гонку на JavaScript, которая работает даже на мобильных устройствах без установки дополнительного ПО. В основе работы лежат библиотеки THREE.js для рендеринга графики и CANNON.js для физической симуляции.

Внутри курса вы освоите:

  • Настройку физики автомобиля с подвеской и вращающимися колесами с помощью класса CANNON.RayCastVehicle.
  • Интеграцию 3D-активов в веб-страницу и их связку с физическим движком для корректного взаимодействия с окружением.
  • Отладку физики сцены с помощью специальных инструментов CannonDebugRenderer и CannonHelper.
  • Современный стандарт разработки на ES6 с активным использованием классов.

Курс ориентирован на разработчиков, которые хотят прокачать навыки JavaScript и визуализации в браузере. В финале вы получите готовую игру с возможностью кастомизации характеристик автомобиля (двигатель, выхлоп, колеса) и адаптивным графическим интерфейсом.

Программа обучения

  • Настройка среды разработки
  • Работа с 3D-активами: поиск, редактирование и подготовка ресурсов
  • Основы THREE.js: свет, камеры, сетки и добавление 3D на HTML-страницу
  • Основы CANNON.js: физические тела и работа с коллизиями
  • Инструменты отладки физики: CannonDebugRenderer и CannonHelper
  • Реализация автомобиля: использование CANNON.RayCastVehicle (подвеска, колеса)
  • Интеграция активов и настройка коллайдеров
  • Создание отзывчивого графического интерфейса (GUI) для управления игрой
Складчина создана 4 ноября 2018 г. · описание обновлено 23 марта 2026 г.

Другие материалы автора 1

NL Nicholas Lever Все материалы
274 ₽ 750 ₽