- 115
- 241 112
Ateros
Ukraine
เข้าร่วมเมื่อ 25 ก.ค. 2015
Канал о создании приложений и игр на JavaScript.
[Старт канала - 10.06.2022]
[Старт канала - 10.06.2022]
Сделал небольшую новогоднюю игру
Всем привет!
Сделал небольшую новогоднюю игру и решил поделиться с вами тем, что получилось.
Старался достичь такой атмосферы зимнего ночного леса. На карте я разместил деревья, камни присыпанные снегом, а также домики из окон которых льется свет.
Ми играем за ельфа которому необходимо найти все подарки разбросанные по снегу, при этом сараться избегать встречи с фантомами Гринча. На это нам отведено ограниченное количество времени.
Управление стандартое - стрелками, либо WASD, E - чтобы поставить подарок, Esc - чтобы выйти в меню, и можно также мышкой вращать камеру вокруг саней.
Игру опубликовал здесь:
ateros.itch.io/lets-save-the-christmas
#новогодняяигра #gamedev #godotengine #blender3d #созданиеигр #индиигра #игровойсюжет #игрынановыйгод #разработкаигр #3dмодели #геймдизайн #гринч #подарки #учимсясоздаватьигры #игроваямеханика
Сделал небольшую новогоднюю игру и решил поделиться с вами тем, что получилось.
Старался достичь такой атмосферы зимнего ночного леса. На карте я разместил деревья, камни присыпанные снегом, а также домики из окон которых льется свет.
Ми играем за ельфа которому необходимо найти все подарки разбросанные по снегу, при этом сараться избегать встречи с фантомами Гринча. На это нам отведено ограниченное количество времени.
Управление стандартое - стрелками, либо WASD, E - чтобы поставить подарок, Esc - чтобы выйти в меню, и можно также мышкой вращать камеру вокруг саней.
Игру опубликовал здесь:
ateros.itch.io/lets-save-the-christmas
#новогодняяигра #gamedev #godotengine #blender3d #созданиеигр #индиигра #игровойсюжет #игрынановыйгод #разработкаигр #3dмодели #геймдизайн #гринч #подарки #учимсясоздаватьигры #игроваямеханика
มุมมอง: 137
วีดีโอ
Как собрать мобильное приложение на React JS
มุมมอง 4052 หลายเดือนก่อน
Всем привет. В этом уроке покажу как собрать мобильное приложение на React JS, практически ничего не меняя в проекте веб-приложения. Поделюсь тем, какие утилиты надо установить и как все настроить чтобы сборка прошла успешно. Буду показывать как сделать apk для android на устройстве с ОС Windows, а если вы хотите собирать под ios, вам понадобиться Mac и установленный на нем XCode, но все осталь...
Доработка игрового алгоритма (#5)
มุมมอง 5933 หลายเดือนก่อน
Всем привет. Это последний урок данной серии о создании 3д игры на React, с использование библиотеки Babylon JS. Так как в предыдущем уроке мы закончили создание графической составляющей нашей игры, в этом уже не будет работы с Blender, только программирование. А именно - доработаем игровой алгоритм. В итоге у нас получится небольшая игра в которой привидение, находящееся в ночном лесу, должно ...
Работа над игровым дизайном (#4)
มุมมอง 1694 หลายเดือนก่อน
Продолжаем создание 3д игры на React JS, и сегодня поробатаем над игровым дизайном. Разместим все 3д обьекты на тех местах на которых они уже и будут находиться, разместим все три кристалла и также добавим дверь (ну или правильнее было бы сказать портал). В итоге у нас уже будет готовый уровень. Данным уроком мы закончим работу над графической состовляющей нашей игры. А уже в следующих уроках о...
Взаимодействие с игровыми обьектами (#3)
มุมมอง 1664 หลายเดือนก่อน
Всем привет. Это третий урок курса по созданию 3д игры на React JS. В этом уроке мы уже будем только программировать в отличии от предыдущего, где я показывал процесс создания графики для игры. Сегодня попробуем добавить на сцену новую 3д-модель такой колонны со светящимся красным кристаллом. А также запрограммируем логику для игры, так чтобы у пользователя была возможность подойти к кристаллу,...
Добавление главного героя и окружения (#2)
มุมมอง 1705 หลายเดือนก่อน
Всем привет. В этом видео я буду работать над созданием графической соствляющей нашей игры, а именно добавлю персонажа, настрою освещение, камеру и создам несколько декоративных элементов. В итоге у нас получится такая базовая сцена, которую в будущем можно будет расширять чтобы создать игровую локацию ночного леса. Сегодня я буду работать в основном в программе Blender. Если вам интересно 3д-м...
Делаем управление для персонажа (#1)
มุมมอง 9945 หลายเดือนก่อน
Всем привет. Этим видео начинаем новую серию уроков о создании 3D игры на React JS. Сегодня сделаем базовую 3д сцену в Blender, с помощью 3д-примитивов таких как сфера и плоскость. Настроим камеру и освещение, а после экспортируем готовую сцену в файл с форматом Babylon и попробуем импортировать ее в React-проект. Также начнем строить программную структуру игры, пропишем первый скрипт PlayerCon...
Создание 3д игры на React JS (часть 2/2)
มุมมอง 4576 หลายเดือนก่อน
Всем привет. В прошлом уроке я показал как создать визуальную часть игры в Blender и экспортировать в формат Babylon JS. А также мы разобрали как импортировать 3д сцену в проект на React JS. В этом урок поробатаем над программной частью - пропишем игровой алгоритм, чтобы можно было управлять моделькой игрока и перепрыгивать по платформам. По мере продвижения вверх будут появляться новые платфор...
Делаем 3D игру на React JS (часть 1/2)
มุมมอง 3667 หลายเดือนก่อน
Сегодня начнем делать вот такую 3д-игру в этом уроке сосредоточимся на вихуальной части, а в следующем напишем код. В результате на этом уроке научимся загружать готовую сцену в приложение на React JS, а потом создадим сцену в Blender. 0:00 - Вступление 0:13 - Как загрузить 3д сцену в React 2:58 - Как создать 3д игру в Blender 9:40 - Как экспортировать сцену в .babylon Урок по Blender: th-cam.c...
Приложение "Погода" - 2/2 (Tailwind CSS, React)
มุมมอง 8118 หลายเดือนก่อน
В предыдущем уроке ми написали основную логику приложения "Погода" на React JS, а сегодня уже будем работать над созданием интерфейс. Для стилизации компонент будем использовать библиотеку Tailwind. В начале уроке пройдемся по настройке и основным принципам работы с библиотекой, а дальше уже будем оформлять интерфейс. Также добавим график с помощью такой библииотеки как Chart.js. Покажу вам как...
Приложение "Погода" - 1/2 (Redux-toolkit, thunk, axios)
มุมมอง 7049 หลายเดือนก่อน
Продолжаем тему разработки на React, Redux-toolkit и в этом уроке научимся делать запрос на сервер, получать и обрабатывать данные. Реализуем код небольшого прилодения для отображения данных по погоде в определенном городе, который введет пользователь. Вы научитесь интегрировать Redux-Toolkit и Thunk для эффективного взаимодействия с сервером и API. Мы рассмотрим использование Axios для запросо...
Игра "Змейка" - 2/2 (React, Redux-toolkit)
มุมมอง 64410 หลายเดือนก่อน
Продолжаем создавать игру змейка на react js. В предыдущем урок мы познакомились с тем, как настроить store в redux-toolkit, а также подготовили внешний вид игры и создали основные компоненты. Сегодня же будем прописывать игровой алгоритм и познакомимся с различными деталями работы react и refux-toolkit (useRef, keys, useSelector, etc). В результате получится готовый проект, который можно добав...
Игра "Змейка" - 1/2 (React, Redux-toolkit)
มุมมอง 1.5K10 หลายเดือนก่อน
Продолжаем тему разработки на React JS. Сегодня начнем создавать игру Snake, на react, научимся подключать и настраивать redux-toolkit для взаимодействия со store. Познакомимся с тем как создавать slice, и взаимодействовать с данными в state. Также подготовим внешний вид игры, а уже в следующем напишем логику. Код урока: github.com/ateros-lab/snake-game #react #reactjs #уроки #практика #вебразр...
Игра "Крестики-нолики" (React)
มุมมอง 1.3K11 หลายเดือนก่อน
Всем привет. Сегодня напишем небольшую игру Крестики-нолики на React JS. Урок подойдет для тех кто только начал изучать реакт, что закрепить базовые знания JSX, того как работает стейт, как компоненты взаимодействуют между собой, условий рендериг и другое. Надеюсь урок вам понравиться, если что - напишите в комментариях если хотите больше таких уроков в формате "React практикум" Код урока можно...
Создание 2д-графики для игр - быстрый старт | Blender
มุมมอง 742ปีที่แล้ว
#3данимация #3дмоделирование #blender В этом уроке покажу как стилизовать 3д-модель, которую мы сделали в предыдущем урок под 2д, чтобы сделать ассеты для 2д игры. В процессе стилизиурем материалы обьектов с помощью нод, покажу один из способов того, как создать трехмерный контур для обьектов, настроим камеру и свет, отрендерим все кадры анимации и уже готовый спрайт добавим в игру используя би...
Создание 3д-графики для игр - быстрый старт | Blender
มุมมอง 453ปีที่แล้ว
Создание 3д-графики для игр - быстрый старт | Blender
Создание 3д игр - быстрый страт | Babylon.js
มุมมอง 1.6Kปีที่แล้ว
Создание 3д игр - быстрый страт | Babylon.js
Создание 2д игр - быстрый старт | Phaser.js
มุมมอง 2.7Kปีที่แล้ว
Создание 2д игр - быстрый старт | Phaser.js
Экспорт / импорт сцены в дополненной реальности на JavaScript + отслеживание рук | AR JS
มุมมอง 345ปีที่แล้ว
Экспорт / импорт сцены в дополненной реальности на JavaScript отслеживание рук | AR JS
Физика и игровой элемент, дополненная реальность, AR JS
มุมมอง 482ปีที่แล้ว
Физика и игровой элемент, дополненная реальность, AR JS
Перемещение, изменение размеров 3D обьекта в дополненной реальности, Gizmo Manager | AR JS
มุมมอง 334ปีที่แล้ว
Перемещение, изменение размеров 3D обьекта в дополненной реальности, Gizmo Manager | AR JS
Отображение html-элементов в AR-режиме, дополненная реальность на Babylon.js | AR JS
มุมมอง 782ปีที่แล้ว
Отображение html-элементов в AR-режиме, дополненная реальность на Babylon.js | AR JS
Создание AR-сцены в JavaScript, WebXR в Babylon.js | Дополненная реальность
มุมมอง 947ปีที่แล้ว
Создание AR-сцены в JavaScript, WebXR в Babylon.js | Дополненная реальность
Распознавание рук с камеры, в реальном времени с помощью Media Pipe, hand track js
มุมมอง 620ปีที่แล้ว
Распознавание рук с камеры, в реальном времени с помощью Media Pipe, hand track js
Распознавание точек на теле человека с изображения, TensorFlow Hub
มุมมอง 493ปีที่แล้ว
Распознавание точек на теле человека с изображения, TensorFlow Hub
Задачи классификации для ИИ TensorFlow.js, deep learning
มุมมอง 945ปีที่แล้ว
Задачи классификации для ИИ TensorFlow.js, deep learning
Практика построения модели машинного обучения с помощью TensorFlow.js
มุมมอง 2.6Kปีที่แล้ว
Практика построения модели машинного обучения с помощью TensorFlow.js
Теория построения нейронных сетей в TensorFlow.js
มุมมอง 1.9Kปีที่แล้ว
Теория построения нейронных сетей в TensorFlow.js
Мобильные приложения на JavaScript (PWA)
มุมมอง 3.1Kปีที่แล้ว
Мобильные приложения на JavaScript (PWA)
Как писать десктопные приложения на React JS | React + Electron
มุมมอง 13Kปีที่แล้ว
Как писать десктопные приложения на React JS | React Electron