Взаимодействие с игровыми обьектами (#3)
Всем привет.
Это третий урок курса по созданию 3д игры на React JS. В этом уроке мы уже будем только программировать в отличии от предыдущего, где я показывал процесс создания графики для игры.
Сегодня попробуем добавить на сцену новую 3д-модель такой колонны со светящимся красным кристаллом. А также запрограммируем логику для игры, так чтобы у пользователя была возможность подойти к кристаллу, после этого у него появиться на экране сообщение с предложением подобрать камень по нажатию на клавишу "E". После того, как игрок нажмет клавишу - камень исчезнет, а сообщение будет скрыто.
Помимо прочего, начнем создавать уже первый элемент интерфейса, это будет блок с сообщением который будет появляться, либо исчезать в зависимости от того, находиться ли игрок в зоне действия целевого обьекта или нет. Чтобы не усложнять я решил обойтись без стейт менеджера. Вместо этого, я буду использовать немного другой не совсем реактовский способ. Но вы конечно можете использовать Redux, MobX либо другие аналогичные инструменты на свое усмотрение.
*Настройки материалов кристалла и освещения:
Кристалл - Материал "Излучение", код цвет - #FF665F, интенсивность - 0.4;
Источники освещения - Я добавил два точечных источника освещения, у обоих цвет такой же как и у кристалла, отключен блик, а во вкладке Babylon.js свойство PBR Intensity Mode выбрано - Яркость. Отличаються только Мощность - 1W, 500mW и Радиус - 1.5m и 3m соответственно.
Мой урок по 3д-моделированию:
• Создание 3д-графики для игр - быстрый...
Код урока:
https://github.com/ateros-lab/ghost-a...
#3d #game #javascript #react #web #dev #development #frontend #programming #программирование #уроки #созданиеигр