🚀 РАЗРАБОТКА ИГРЫ с НУЛЯ за 10 часов! [React / TS / Zustand] 

Всех с праздником! 🎉 🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!

Очень крутой урок!! Такого контента очень мало на ютубе, плбс ещё не просто переписываешь код под фоновую музыку, а еще и поясняешь некоторые моменты. Контент такого качества даже за деньги с трудом найдешь, а здесь бесплатно! Макс, ты большой молодец!🎉

Дружище, оформил у тебя подписку, чтобы скачать ассеты для проекта. Спасибо за труды!

офигеть. Что происходит с рекомендациями ютуба? Это видео достойно бОльшего

RU-vid обманул, обработал в 4K. А тут показывает максимум 1080p. Надеюсь что со временем появится( 👍 2000-3000 лайков, будет хорошей платой за такой ролик и пишите в комменты как Вам формат живой разработки. 🖥 Скачивай исходник(+ стартовый проект для самостоятельной практики) или играй прям на платформе - htmllessons.io/repositories/94 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 - Тест на смартфоне

Почему раньше когда я был школьник небыло таких роликов) такой кайф...завидую ребята

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

Очень круто, долго ждали этот легендарный ролик! Рад что мечта детсва сбылась

Автор канала. Ты сумасшедший, в хорошем смысле этого слова. Что за годный и интересный контент👍👍👍👍

Спасибо за видео! Делай больше таких видео🚀🔥

Видос гляну как будет время, а лайк и коммент заочно. Тут так можно, Макс заслужил доверие своей аудитории)

Подписался после этого видео, достойная работа! Спасибо.

Очень и очень круто!!! Мне вот повезло прожать юбилейный 1000-й лайк )))

Сделаем 5к лайков ? Давайтееее он очень сильно старался

Жэсть , это легендарый контент !!!! Этот ролик обязательно взлетит в топы !!!

Шикарное видео, спасибо!)

Как человек, знающий немецкий на B2+, правильное произноешние Zustand - цуштант

Подскажите пожалуйтса, чтобы скачать исходник для проработки вместе с видео, нужно на сайте, куда переводит ссылка, покупать подписку. А какая подписка подойдёт, чтобы получить доступ к исходникам к данной игре? Минимальная подойдет (хочу уточнить, чтобы не получилось, что оплатишь, а исходники скачать не получится). Буду признателен за ответ.

Видео огонь🔥 Макс продолжай в том же духе

сейчас в дороге, приеду посмотрю полностью .😮

Do more big projects, you are a leader in this niche

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

Я до сих пор не могу понять почему так мало просмотров... Надо бы вложиться в ютуб рекламу... А то так дело никуда не пойдёт, такой годный контент, Макс ты просто делай и не переставай... мы хотя бы тебя же смотрим... Vs code просто бомбешный не подскажешь что за шрифт? И не знаешь почему у тебя такие насыщенные цвета а в window что-то тускловато? Может от операционки зависит?

пока не смотрел, но лайк ставлю такого на ютубе точно нет)

Очень приятная игра получилась! Автор большой молодец. P.s. скоро увидим как другие авторы каналов начнут выпускать видео про создание карточных игр:-)

Спасибо за Ваш труд!

Комментарий в поддержку. Отличный контент

просто нереальный контент

Вот это пушка, видос супер!

Спасибо тебе, бро! Ты лучший!

Спасибо за титанический труд! ❤‍🔥❤‍🔥❤‍🔥

Макс - красавчик. Спасибо большое!

Ты реально крут - такое бесплатно !

Давайте что нибудь настолько же грандиозное с использованием react/three js/ts и без pwa пожалуйста а то я совсем ничего не понял😂. На three js пишут реально крутые проекты , как идея можно сделать что нибудь наподобие fruit ninja. Увидел такую игру и просто остался без слов от анимаций. Или как вариант 3 часовой курс на three js + react было бы ооочень круто

Добрый день. Можете подсказать, каким ИИ для генерации картинок пользовались?

ты что за голово умная ))) Лайк

Это VS Code? Можно ли как-то скачать твои настройки именно эти, чтобы сразу начать пользоваться?

как ты сам научился все эти react или js проекты создавать сам с нуля без подсказок? Ты подсматриваешь?

в целом неплохо, но ждали svelte)

Огонь🔥🔥🔥

Коммент в поддержку!

Будет видео про Telegram App? Или про библиотеку для создания ботов, так-же интересует интеграция оплаты с Telegram Stars

Привет, Макс! Очень крутое видео. Хочу сделать похожую игру. Можешь подсказать, что у тебя за тема в вс код стоит в этом видео)?

Респект

10ч, жоска)

Вообще круто👍

Очень круто даже люди из америки смотрят

Респект вам

Давай ролик адаптации под мобилку!

привет, а чо за трек играет в начале видео?

🎉

ВЕЛИКОЛЕПНО!!!!

Что у тебя за иконки стоят? Можно название?

Пушка🎉

Здравствуйте, есть курс с нуля по Линукс и девопс ?

На vue.js будет такое?) Каєф просто

Лайкосик🎉

Игра ОГОНЬ. Спасибо, что делишься проектами такой сложности Когда будет настройка vs code

👍👍👍

научи создавать свои тяжелые работы БЕЗ ПОДСКАЗОК САМОМУ банковское приложение мессаджер и тд

это vs code или webstorm?

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

красава

А можно в начале и конца видео показывать что получилось ?

где найти все картинки кард, фона?

Тема точно не Lunar eclipse, что за тема, кто знает?

😃❣❣

Огонь!!

Не дивився ще, але лайк

как игра называется?

А игры на таком стэке вообще коммерческая тема или это тупо по фану ?

Спасибо за труд, красава

Круть!

Топ)

this has to be in english

Хотел подсказать по траблу и ссылкам, а контакты везде прикрыты. Ну и хер с ним

Почему ты не такой популярный?!?!?! ПАЦАНЫ ПИШИТЕ КОММЕНТЫ, ПРОДВИГАТЬ НУЖНО. Ты покупаешь рекламу??

Можно было бы логику оппонента через AI сделать

Первых нах!