Ateros

В #3 уроке курса по Godot мы сделали поворот камеры вокруг персонажа только по оси У (изображение 1), но в комментариях спрашивали как сделать, чтобы камера поворачивалась и по вертикали тоже.

Для этого вместо одной CameraPivot, создаем две - CamaraPivotY и CameraPivotX (изображение 2). Тогда структура будет выглядет следующим образом:

CameraPivotY
|_ CameraPivotX
|_ Camera3D.

Теперь CameraPivotY будет выполнять все те же задачи что и обычная CameraPivot до нее, а CameraPivotX - просто поварачивать камеру вокруг своей оси X (изображение 3), в зависимости от положения мышки на экране:

camera_pivot_x.rotation.x -= event.relative.y * MOUSE_SENTENSIVITY.

Для того, чтобы изменять значения более плавно можно использовать метод lerp(), а для того чтобы камера реагировала на столкновения и облетала твердотельные обьекты можна использовать ноду SpringArm3D.

#godot #управление #thirdperson

Skip the Carousel

1 2 3

1 month ago | [YT] | 3

Ateros

Урок выйдет в воскресенье.

Это будет последний урок данной серии о создании 3д игры на React, с использованием библиотеки Babylon JS.

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

В итоге у нас получится небольшая игра в которой привидение, должно за пять минут найти в лесу три кристалла, собрать их и пройти сквозь портал.

#react #javascript #game #web #3dgame #webdev #reactjs #babylonjs #frontend

1 year ago (edited) | [YT] | 4

Ateros

Урок уже на канале.

Покажу как стилизовать 3д-модель под 2д, настроить камеру и свет, отрендерить все кадры анимации и обьеденить их в спрайт.

А в конце уже готовое изображение загрузим в код и с помощью движка Phaser.js, реализуем проигрывание 2д-анимации.

#2дигранаjs #2дигры #2дграфика #gamedev #javascript #phaserjs #2dgame

Skip the Carousel

1 2 3

1 year ago (edited) | [YT] | 3

Ateros

Урок уже на канале.

Познакомимся с тем как работать в программе Blender, а также рассмотрим такие темы как:

- 3д-моделирование (теория);
- 3д-моделирование (практика);
- Скульптинг;
- Материалы;
- Риггинг;
- Анимация;
- Рисование весов;
- Добавление 3д-модели в игру и запуск анимации из кода.

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

Урок подготовлен для начинающих, которые раньше не работали с этой программой.

#3дмоделирование #blender #созданиеигр #3дигра #скульптинг #3данимация

Skip the Carousel

1 2 3 4 5

2 years ago (edited) | [YT] | 2

Ateros

Урок выйдет в воскресенье (опубликовал).

На канале есть курс, где я показывал процесс создание казуальной 3д игры с помощью такой библиотеки, как Babylon.js - youtube.com/playlist?list=PLf...

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

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

Надеюсь вам понравится)

#gamedev #урокиjs #javascript #разработкаигр #каксоздатьигру #3дигры #создать3дигру #babylonjs #web #3dgame

Skip the Carousel

1 2 3

2 years ago (edited) | [YT] | 10

Ateros

Урок выйдет завтра в 12:00 (опубликовал)

На канале есть курс где мы с нуля создавали 2д игру - www.youtube.com/playlist?list... , но там мы писали ее на чистом JavaScript, а в этом уроке я уже покажу как создавать игры с помощью игрового движка Phaser.js.

Научимся работать с физикой, анимацией, спрайтами, обрабатывать столкновения игровых обьектов между собой, а также события связанные с нажатием клавиш.

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

Движок Phaser.js можно использовать как для разработки компьютерных или мобильных игр, так и игр для социальных сетей (из коробки доступна интеграция с Facebook)

#созданиеигр #2дигра #javascript #gamedev #уроки #создатьигруснуля #каксоздатьигру #game #js #phaserjs

2 years ago (edited) | [YT] | 5

Ateros

Урок выйдет завтра (21.06.23)

В прошлом уроке рассмотрели основные теоретические моменты, а в этом уже будем приступать к практике.

Построем простую однослойную модель средствами библиотеки tensorflow.js, которая умеет предсказывать цену на дом исходя из площади и количества спален.

#neuralnetwork #tensorflowjs #javascript #ai #artificialintelligence #web #исскуственныйинтелект #нейронныесети #tensorflow

2 years ago (edited) | [YT] | 4

Ateros

Урок выйдет завтра (15.06.23)

Рассмотрим основные теоретические моменты, а в следующем уже приступим к практике.

На протяжении курса будем изучать процесс построения, обучения и использования нейронных сетей с помощью библиотеки tensorflow.js.

#neuralnetwork #tensorflowjs #javascript #ai #artificialintelligence #web #исскуственныйинтелект #нейронныесети #tensorflow

2 years ago (edited) | [YT] | 9

Ateros

[#4] Графики смешанного типа

Сегодня научимся работать с комбинированными диаграммами, т. е. графиками на которых надо отобразить сразу два типа данных в одном прострастве координат. В нашем случае это буде линейный + гистограмма.

Также рассмотрим такие аспекты, как динамическое изменение цвета bar, в зависимости от данных на текущем тике, плюс покажу еще один способ переопределение метода интерполяции.

Ссылка на урок:
https://youtu.be/RPX_7EY8fGQ

#визуализация #данных #javascript #data #visualization #bar #mixed #chart #chartjs

2 years ago (edited) | [YT] | 0

Ateros

"Пишем голосовой интерфейс для ChatGPT"
Урок уже на канале -
https://youtu.be/NVEaESWn7GE

Напишем небольшую вопросно-ответную систему с голосовым интерфейсом, на базе API ChatGPT.

Рассмотрим такие темы, как разпознавание голоса и синтез речи в JavaScript. Покажу, как делать post-запрос на сервер OpenAI, с авторизацией при помощи axios.

В результате получится приложение для более удобного общения с исскуственным интелектом.

** если в вашей стране не доступен ChatGPT, можете брать любой аналог, так как процесс разработки будет таким же

#chatgpt #javascript #распознавание #голоса #синтез #речи #вопросно #ответная #система #axois #post #authorization #api

2 years ago (edited) | [YT] | 4