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

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น • 131

  • @REDGroupPlus
    @REDGroupPlus  3 หลายเดือนก่อน +60

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

  • @mellstory_dm
    @mellstory_dm 5 หลายเดือนก่อน +15

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

  • @jellylemonchannel
    @jellylemonchannel 22 วันที่ผ่านมา

    Сразу хочется сказать большое спасибо за такой труд и знания! То что по подписке проект это тоже правильно и адекватно! ❤
    Я cg художник и рисую свою игру и сейчас изучаю разработку и такие видео дают возможность делать свои проекты! А делать графику оригинальную , не Аишную

  • @zucker6166
    @zucker6166 2 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  2 หลายเดือนก่อน +1

      Пожалуйста

  • @dcfan6427
    @dcfan6427 5 หลายเดือนก่อน +25

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

  • @REDGroupPlus
    @REDGroupPlus  5 หลายเดือนก่อน +15

    TH-cam обманул, обработал в 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 - Тест на смартфоне

    • @katyparty4878
      @katyparty4878 5 หลายเดือนก่อน

      Нужно выложить на платформе в 4К

  • @ЕвгенийВладимирович-ш1с
    @ЕвгенийВладимирович-ш1с 5 หลายเดือนก่อน +2

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

  • @lWhoCaresl
    @lWhoCaresl 5 หลายเดือนก่อน

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

  • @arhfallen6792
    @arhfallen6792 5 หลายเดือนก่อน

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

  • @Павел-ш8е6б
    @Павел-ш8е6б 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Спасибо

  • @romanyaremijchuk6607
    @romanyaremijchuk6607 5 หลายเดือนก่อน

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

  • @rom5719
    @rom5719 5 หลายเดือนก่อน

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

    • @malinkawithmango
      @malinkawithmango 4 หลายเดือนก่อน

      Сейчас отключат ютьюб и зависть пройдёт. Жесть, сколько офигенного контента пропадёт

  • @overshotkuka9347
    @overshotkuka9347 5 หลายเดือนก่อน +4

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

  • @shba_shorts
    @shba_shorts 5 หลายเดือนก่อน

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

  • @yppi1252
    @yppi1252 5 หลายเดือนก่อน +1

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

    • @khamralievasliddin
      @khamralievasliddin 5 หลายเดือนก่อน +1

      Полностью согласен!!!

  • @Ivan_Ilinov
    @Ivan_Ilinov หลายเดือนก่อน

    мощно, мощно
    вопрос: на каком стеке лучше такие игровые pwa разрабатывать?) если не ограничен стеком

  • @SlumberyDude
    @SlumberyDude 5 หลายเดือนก่อน

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

  • @ulugbekdushanov5064
    @ulugbekdushanov5064 5 หลายเดือนก่อน

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

  • @postyron1um
    @postyron1um 5 หลายเดือนก่อน

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

  • @alpenapple
    @alpenapple 5 หลายเดือนก่อน

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

  • @ТыщенкоАнтон
    @ТыщенкоАнтон 5 หลายเดือนก่อน

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

  • @rmstr7
    @rmstr7 5 หลายเดือนก่อน

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

  • @МихаилКузнецов-м4ъ
    @МихаилКузнецов-м4ъ 5 หลายเดือนก่อน

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

  • @ВладиславКарпич
    @ВладиславКарпич 5 หลายเดือนก่อน

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

  • @ЕлизаветаРоманова-я4о
    @ЕлизаветаРоманова-я4о 5 หลายเดือนก่อน

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

  • @infogreatgames
    @infogreatgames 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      🤣

    • @TwilingWay
      @TwilingWay 5 หลายเดือนก่อน

      В англоязычном секторе есть такие ролики=) я и сам вот решил попробовать сделать карточную игру=)

  • @mrdraud1726
    @mrdraud1726 4 หลายเดือนก่อน

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

  • @protomem0709
    @protomem0709 4 หลายเดือนก่อน

    Огонь🔥🔥🔥

  • @drscorpion7580
    @drscorpion7580 5 หลายเดือนก่อน

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

  • @vadim_romanov
    @vadim_romanov 5 หลายเดือนก่อน

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

  • @igorsenichev3779
    @igorsenichev3779 5 หลายเดือนก่อน +1

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

      Минимальный тариф подходит

  • @MauwTong
    @MauwTong 5 หลายเดือนก่อน

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

  • @mortrix.arrive
    @mortrix.arrive 2 หลายเดือนก่อน

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

  • @tigrover-gamesanime9585
    @tigrover-gamesanime9585 5 หลายเดือนก่อน

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

  • @назаркоцюба-э2п
    @назаркоцюба-э2п 5 หลายเดือนก่อน +2

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

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

  • @relaxLife04
    @relaxLife04 หลายเดือนก่อน

    круто бро

  • @moregamesandgameplay
    @moregamesandgameplay 3 หลายเดือนก่อน

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

  • @dmitrypoluhin2955
    @dmitrypoluhin2955 5 หลายเดือนก่อน

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

  • @niceday1713
    @niceday1713 4 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  4 หลายเดือนก่อน

      Chat gpt

    • @niceday1713
      @niceday1713 4 หลายเดือนก่อน

      @@REDGroupPlus а можете, пожалуйста, подсказать, как вы подписку оплачивали? Я в России живу и у меня иностранных карт или знакомых за границей нет

  • @tigrover-gamesanime9585
    @tigrover-gamesanime9585 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Буду отталкиваться от внутреннего желания

  • @hafizbeyofficial
    @hafizbeyofficial 5 หลายเดือนก่อน

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

  • @KREDKED
    @KREDKED 5 หลายเดือนก่อน +1

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

  • @StonHenge
    @StonHenge 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Да, это vs code. Настройка уже на подходе на монтаже. Вы пока можете посмотреть предыдущую на основном канале RED Group

  • @pochtaufa
    @pochtaufa 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Svelte бы и 2 тысяч просмотров не набрал бы. Очень узкая история )

  • @wagnerslon
    @wagnerslon 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Пока не интересно

  • @FunniestAnimals5723
    @FunniestAnimals5723 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      У меня опыт в программировании 11 лет, за такой срок чему угодно научишься

  • @Великиецитатывеликихмыслителей
    @Великиецитатывеликихмыслителей 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

      Это уже вопрос к монтажеру. С epidemic sound какой-то трэк

  • @ProgIv
    @ProgIv 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

      Привет, в описании всегда пишу

    • @ProgIv
      @ProgIv 5 หลายเดือนก่อน +1

      Спасибо

  • @Mellis_tech
    @Mellis_tech 5 หลายเดือนก่อน

    10ч, жоска)

  • @Pwplains
    @Pwplains 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Нет. Разницы нет.

  • @yaakit
    @yaakit 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      В этом месяце

  • @hilinkiy
    @hilinkiy 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Исходник скачиваете, там все лежит

  • @АрсланГаджиев-й2ф
    @АрсланГаджиев-й2ф 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Добрый день, нет

  • @armancherkharov9410
    @armancherkharov9410 5 หลายเดือนก่อน

    🎉

  • @zucker6166
    @zucker6166 2 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  2 หลายเดือนก่อน

      Да фиг с ним

  • @anatoliylipin
    @anatoliylipin 5 หลายเดือนก่อน

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

  • @nazarfilippov2636
    @nazarfilippov2636 5 หลายเดือนก่อน

    Лайкосик🎉

  • @Kiyanti
    @Kiyanti 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

      В описании всегда пишу

    • @Kiyanti
      @Kiyanti 5 หลายเดือนก่อน

      @@REDGroupPlusПонял, извиняюсь за невнимательность

  • @Artem-dev-VAA
    @Artem-dev-VAA 5 หลายเดือนก่อน +1

    Пушка🎉

  • @petrzzz1743
    @petrzzz1743 5 หลายเดือนก่อน

    это vs code или webstorm?

  • @vadimkaskinov4806
    @vadimkaskinov4806 5 หลายเดือนก่อน

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

  • @Editered_Mapping
    @Editered_Mapping 3 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  3 หลายเดือนก่อน

      Red stone

    • @Editered_Mapping
      @Editered_Mapping 3 หลายเดือนก่อน

      @@REDGroupPlus исходники есть?

  • @АхмедКаталов-н6ъ
    @АхмедКаталов-н6ъ 3 หลายเดือนก่อน

    Респект

  • @FunniestAnimals5723
    @FunniestAnimals5723 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

      Это нормально на начальном уровне. Со временем ты крепчаешь, тут надо делать упор на самостоятельную практику

  • @НинаШулбаева-я4б
    @НинаШулбаева-я4б 5 หลายเดือนก่อน

    Респект вам

  • @nic-ori
    @nic-ori 5 หลายเดือนก่อน

    👍👍👍

  • @StonHenge
    @StonHenge 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Это она просто вы подтему не выбрали

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      @REDGroupPlus Lunar Eclipse Golden Hour

    • @StonHenge
      @StonHenge 5 หลายเดือนก่อน

      @@REDGroupPlus Lunar Eclipse Golden Hour у меня совсем по-другому выглядит :(

    • @neilhackgamer5941
      @neilhackgamer5941 5 หลายเดือนก่อน

      Скорее всего это от цветовой схемы монитора зависит и от режима, хз)

  • @tigrover-gamesanime9585
    @tigrover-gamesanime9585 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

      Я думаю такой контент надо переводить будет. Для запада это жир, такого там точно нет

    • @tigrover-gamesanime9585
      @tigrover-gamesanime9585 5 หลายเดือนก่อน

      @@REDGroupPlus честно я думал то же самое

  • @mr.zxzxzxz3816
    @mr.zxzxzxz3816 5 หลายเดือนก่อน

    красава

  • @sharpsss7666
    @sharpsss7666 5 หลายเดือนก่อน

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

    • @tigrover-gamesanime9585
      @tigrover-gamesanime9585 5 หลายเดือนก่อน

      Так он и в основном канале видео делал и в стриме показал и в начале видео

    • @sharpsss7666
      @sharpsss7666 5 หลายเดือนก่อน

      ​@@tigrover-gamesanime9585да уже увидел, я просто полистал до конца демонстрации не было, в начале не заметил демонстрации, ну вижу вижу в начале есть, откат тогда

  • @mykhaylolytvynov5369
    @mykhaylolytvynov5369 5 หลายเดือนก่อน

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

  • @maksymshypytsia5217
    @maksymshypytsia5217 5 หลายเดือนก่อน

    Огонь!!

  • @rustamradzabov9572
    @rustamradzabov9572 5 หลายเดือนก่อน

    😃❣❣

  • @FunniestAnimals5723
    @FunniestAnimals5723 5 หลายเดือนก่อน +1

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

      На платформе покупаете подписку и начинаете обучаться

  • @fromillia
    @fromillia 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Фан конечно, это больше хорошая практика для тех кто разрабатывает веб приложения.

  • @dcfan6427
    @dcfan6427 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Поддержка работает стабильно - t.me/red_support_bot

    • @dcfan6427
      @dcfan6427 5 หลายเดือนก่อน

      @@REDGroupPlus о, спасибо! Думаю, надо это в описание запихнуть
      Короче я отпишу туда трабл по ссылке вашей

  • @Ятебяуважаюно
    @Ятебяуважаюно 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน +1

      Это второй канал) Свеженький, сейчас его тоже раскачаем

  • @katyparty4878
    @katyparty4878 5 หลายเดือนก่อน

    Топ)

  • @serhiilisovyk7719
    @serhiilisovyk7719 5 หลายเดือนก่อน

    Круть!

  • @TheInquisitiveCharlie
    @TheInquisitiveCharlie 3 หลายเดือนก่อน

    this has to be in english

  • @illinpayne
    @illinpayne 5 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  5 หลายเดือนก่อน

      Можно было много чего сделать, но в хронометраж не помещалось. И так видно очень большое вышло.

  • @ДмитрийСитников-ш2х
    @ДмитрийСитников-ш2х 5 หลายเดือนก่อน

    Первых нах!