🚀 РАЗРАБОТКА ИГРЫ с НУЛЯ за 10 часов! [React / TS / Zustand]
🔥 Оформить премиум подписку -
❤️ Отзывы тут -
🦋 ТГ канал -
Адаптация игры под смартфоны -
👍 2000-3000 лайков, будет хорошей платой за такой ролик и пишите в комменты как Вам формат живой разработки.
🖥 Скачивай исходник( стартовый проект для самостоятельной практики) или играй прям на платформе -
В этом видео мы создадим игру с нуля за 10 часов, используя мощный стэк: React, TypeScript, Zustand, Framer-motion, Tailwind и Bun. Погрузитесь в процесс разработки на React (reactjs, реакт) и TypeScript (TS, Тайпскрипт). Мы покроем все - от начальной инициализации PWA до создания UI компонентов и управлением состояниями через Zustand. Увидите, как настроить цвета, создать колоды карт, и многое другое. Это идеальное видео для тех, кто хочет углубиться в разработку игр и изучить новые технологии!
🔥 Развлекательная часть видео -
В этом видео:
- PWA
- Игровые механики
- Анимации
- Игровой стол
- Атака картой и выбор таргета
- И другие темы в тайм-кодах.
🍥 Тема в редактор/IDE - Catpuccin icons / Lunar eclipse golden hour (наверно 🤔)
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze | KZZI K75Pro / Moment linear switch
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
00:00:00 - Начало
00:02:36 - Стэк
00:03:06 - ДЕМО игры
00:07:22 - Предисловие
00:13:00 - Обзор карт
00:20:00 - Инициализация PWA
00:39:20 - Базовые настройки
00:44:40 - Цветовая схема
00:46:30 - Алиасы
00:48:50 - UI компоненты
01:27:50 - Карточки
01:31:00 - Типы карт
01:35:50 - Zustand (state)
01:38:36 - ВАЖНЫЙ ДИСКЛЕЙМЕР
01:39:20 - Описываем типы store
01:51:00 - Создание колоды
01:56:00 - Начало
01:59:00 - Завершение хода
02:12:00 - Карта на стол
02:17:00 - Атака карты
02:28:24 - Атака героя
02:37:00 - Главный компонент
02:52:00 - Игровой стол
03:09:40 - Компонент карты на поле
03:17:00 - Карты в руке
04:08:18 - ЭМОЦИИ
04:27:37 - Фикс багов анимации
04:35:00 - Мана
04:53:00 - Карточка героя
05:07:30 - Музыкальный плеер
05:16:26 - ЭМОЦИИ
05:18:44 - Загрузочный экран
05:40:00 - Правим визуал
05:47:00 - Уведомления
05:57:00 - Правим визуал
06:18:00 - Возврат карты в руку
06:30:00 - Фикс багов
06:36:00 - Улучшаем стартовую колоду
06:45:00 - Набор карт в начале
07:00:00 - Добор карт
07:14:00 - Атака картой и выбор таргета
07:45:50 - Продвинутые уведомления
08:26:00 - Селекты
08:40:00 - Фикс бага с маной
08:47:00 - Анимация удаления ХП
09:15:00 - Самое сложное Игра от компьютера
10:17:00 - Тест на смартфоне
🌿 Плейлист с полными курсами для новичков и не только -
👉 Все ссылки ( настройка редактора) и информация обо мне -
Контакты для связи
partners@ - Реклама и сотрудничество
work@ - Если хотите к нам в команду
#React #TypeScript #Zustand #RedGroup #RedGroupPlus
41 view
1737
505
1 hour ago 00:01:23 1
СРЕДСТВО ОТ СОРНЯКОВ ГЕРБИЦИД 🤘 ХИМИЧЕСКИЕ СРЕДСТВА БОРЬБЫ С СОРНЯКАМИ 👍
4 hours ago 00:01:04 3
БУДУЩЕЕ ПРОСТОЕ ПАССИВНОЕ ⚡ ЗАРАБОТОК СПОСОБ ❌
9 hours ago 00:01:13 2
😦 Бурсит плечевого сустава лечение в домашних условиях 💣 Гели при болях в суставах коленных ⛔
12 hours ago 00:23:37 1
АСМР МАЙНКРАФТ - Подготовка к походу в ЭНД! #5
21 hour ago 00:07:23 11
[PROMETEY OFFICIAL] Prototype 2 - Почему У Суперсолдат Нет Оружия? // История Создания Суперсолдат!
1 day ago 01:49:03 328
Как ускорить создание мультфильма? (лайфхаки и подсказки для начинающих и продвинутых)
2 days ago 00:04:11 1
Образовательная платформа онлайн-школы PARTA | Подготовка к ЕГЭ и ОГЭ
2 days ago 00:12:26 71
💚🏭 Как производят знаменитую оздоровительную продукцию «Тяньши» (тм TIENS)
2 days ago 00:01:31 1
🎯 Удобрение для клубники ❕ Как увеличить урожайность черной смородины 👍
2 days ago 00:01:18 131
Антон Автоблеск/198. Создание Тефлонового Японского Покрытия Кузова! Работает Антон Автоблеск🔥💪😎👍🔥
3 days ago 00:22:03 1
Изучение C++ для начинающих / #2 – Установка Visual Studio (среда разработки)