Карточная Игра на Unity #1 - Drag & Drop

В данном видео уроке мы будем учиться создавать 2D игру жанра "Коллекционная Карточная Игра" в Unity 5. В первом уроке речь пойдет о системе Drag & Drop, говоря простыми словами - перетаскивание карт.
✅ Исходники доступны споносорам
На KZbin - bit.ly/def1NeXSponsorshipYT
👉🏼 Подписаться на канал: bit.ly/defStudiosSubscribe
👉🏼 Telegram - bit.ly/defStudios_TG
👉🏼 Discord - bit.ly/defStudios_Discord
👉🏼 Twitter - bit.ly/defStudios_Twitter
#cardgame #unity #tutorial

[@ebenvranken3203]

Roses are red Violets are blue The title is in english Why aren't you too

[@def1NeX]

It is automatically translated caption by KZbin...

[@Ruzakisan]

Очень годно, без воды, все профессионально и грамотно, в то же время очень интересно! Лайк и подписка

[@artafresh4271]

Нифига не понятно, но это уже моя проблема

[@stanislavpuhach520]

просто гениально ! Спасибо за труд!!!

[@lufog]

Спасибо, полезное видео, приятная подача! Ну и чуток конструктива, по коду и его стилю: 1) По поводу камеры, можно использовать Camera.main . 2) Обнулить z проще кастом к Vector2. 3) Стоит все-таки придерживаться (C# || Unity) naming conventions, и использовать в именах полей camelCase а не PascalCase. 4) Объявление переменных через запятую считается плохим тоном. Откровенно говоря сам не знаю почему, но факт остается фактом...

[@def1NeX]

1) По поводу камеры, можно использовать Camera.main. Только в Unity 2020 и дальше, там разработчики закешировали ее, в предыдущих версиях юзать это - плохая практика. 3, 4) Ну ролик 18 года, тогда действительно так писал, сейчас уже пишу нормально. Спасибо

[@alotino]

Отлично, быстро и понятно. Для тех кто не понимает есть замедление в 0.50 и справка по юнити

[@def1NeX]

[@bashnia007]

Здорово! Но было бы неплохо в начале буквально на минутку показать конечный результат, чтобы было понятно во-первых, что серия уроков закончена, и я не останусь с недоделанным проектом, если начну заниматься по вашим видео, а во-вторых, чтобы перед началом уроков я мог бы понять, то ли это, что мне надо

[@RedAlex]

Очень полезный урок, удачи в продвижении

[@def1NeX]

Спасибо! :3

[@HearthstoneMontage]

Однажды я дождусь гайда по раннеру :D После 12 уроков по кки как раз 2020 год будет :D А вообще если серьёзно очень жду продолжение

[@def1NeX]

:DD Как только я перестану лениться и прокрастинировать, так сразу :D

[@HearthstoneMontage]

На самом деле ККИ интереснее, так что лучше это продолжить)

[@toire4930]

панимаю

[@user-sc2is5gu1y]

Прекрасный урок, отличная подача. Спасибо. Ждем продолжения.

[@def1NeX]

Спасибо, дальше - больше! :3

[@sanyok2002]

Клас👍👍

[@def1NeX]

thx

[@AlexBrainhow]

Приговариваю тебя к пожизненным лайкам и подпискам!!! Очень долго не мог этого сделать, спасибо за подробное объяснение!!

[@def1NeX]

[@NailYusupov]

Круть)

[@dmitriykiselyv7645]

Спасибо чувак! Мало 2d рыбалок в сети, не хочешь как-нибудь простенькую сделать?

[@HearthstoneMontage]

О, мой любимый канал :D

[@def1NeX]

yeah boy

[@dail000]

ТОП! но поля только с 3 раза) Но я 0 в этом, так что я считаю, что очень хорошее видео, потому что в друге можно и с 10 не понять)

[@waiakasibiriak8705]

быстро всё делает и таких умельцев много, но вот по чему то нормальных карточных игр нет , видимо недостаточно быть программистом но и иметь понимание какой должна быть игра

[@OminousStalker]

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

[@DmitryNevedomsky]

Спасибо за урок! Подскажите пожалуйста, вы знаете способ заставить TextMeshPro адекватно отображать кастомные кириллические шрифты? Пытался генерировать Фонт Ассет Криейтором, но шрифт не отображается как надо.

[@femgyro3974]

Круть чувак)))

[@def1NeX]

thx

[@Ovenvan1]

Прекрасный урок, но не хватает объяснений... ну и скорость поменьше, приходится слушать в 0,75

[@def1NeX]

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

[@Ovenvan1]

Тогда ждём очередных видеоуроков, Вы помогли

[@def1NeX]

[@user-pz4in3ev8j]

Дядь, дядь, ты святой

[@diorite983]

спасибо брат

[@Keiichee]

Классный урок. Автор, а ты не планируешь сделать урок по созданию игры типо "Монополия"? Лично я бы с удовольствием посмотрел, да и подобных уроков на ютубе нет. ККИ есть, платформеров как говна за баней, а уроков написания игры типо монополия, вообще никто ещё не делал. Если сделаешь, буду благодарен очень. Думаю многим интересен такой урок будет.

[@def1NeX]

Может быть в будущем сделаю какую-нибудь пошаговую стратегию, а вот прям клон монополии делать, скорее всего, не буду.

[@valeravalik6251]

[Уже исправил]Не знаю, как я это допустил, но действуя по вашему уроку, когда я добавил в скрипт обнуление по позиции z, и когда запустил тест, то столкнулся с тем, что карта отказывалась менять позицию. Она пролагивала между её начальным положением и положением моей мыши. Проблема оказалась в Canvas, где я поставил галочку на Pixel Perfect, когда её там быть не должно. Прошу, объясните, что этот PiPer делает, зачем он нужен, и почему его так штырило в игре.

[@chunkychunk2771]

Подобное можно реализовать с помощью java на libgdx?

[@arseniikaurov1686]

У тебя ошибка: ты обнуляешь newPos.z и потом прибавляешь offset к newPos, в newPos.z == 0 и offset.z разнице по z, 0 + offset.z будет просто offset.z что буде смещать каждый кадр position.z. Посмотри на видео 4:28 . Не надо обнулять newPos.z.

[@def1NeX]

Да, не заметил, спасибо.

[@user-ri3hn3lg1q]

Классные уроки, хорошо помагают) Хотел спросить, можно ли как то и как выставить карты веером(полудогой) и что бы они так же групировались как с компонентом Leyouy group?

[@def1NeX]

Для этого нужно писать собственный Layout.

[@oshlng6263]

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

[@zk2empiregames]

Один вопрос: Все отлично работало, добавлял анимации, хорошо, всякое добавлял, работало. Но как только я перезашел в проект, он написал о сбоях, зайдя, всё вроде было в норме, но карты перестали перемещаться за мышью. Что делать, или в чем проблема? Причем и mouse pos, и offset работают отлично.

[@riuji6681]

Я конечно посмотрел, и очень всё интересно, но я не языков программирования 😁

[@Storm_VY]

Привет делал всё как в видео но у меня почему то временная карта очень быстро перемещается в руку и на поле (много раз) пока я перемещаю карту по полю игры. Если закоментирую: if (card && card.DefaultTempCardParent == transform) card.DefaultTempCardParent = card.DefaultParent; То такое мерцание проподает (Скинул видео у тебя в Дискорде)

[@DynoSet]

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

[@oshlng6263]

Изучить Постичь посредством учения, получить основательные познания в чем-нибудь. Внимательно наблюдая, ознакомиться, понять.

[@user-sp3ks2vs6x]

Я бы хотел такую функцию реализовать на WPF, для приложения "Магазина продуктов", чтобы можно было перетаскивать товары в корзину и обратно

[@__war10ck__1bf9]

Такой вопрос, Координата Z в 2D Нужна для положения объекта(ближний, дальний план)? Если да, то почему, когда мы его получаем через mainCamera.ScreenToWorldPoint(eventData.position) он все время разный?

[@def1NeX]

В 2D Z не используется (точнее использовать можно, но зачем). Для задания глубины нужно использовать Sorting Layer.

[@zank5500]

Блин! У меня не получилось ( 6:53 ) ! Карты в иерархии не выходят из объекта Hand и не крепится к объекту SellField! Помогите, пожалуйста!

[@-chavo-5901]

Проверь названия и код, мне помогло.

[@mratjletik755]

пиздец помог конечно, ага...@@-chavo-5901

[@akha_steam_ppg]

Сорян за банальщину, но на андроид будет тоже как тип зпместь мыши палец??

[@LastJonnuklear]

При передвижении карты они не притягиваются к родителю а остаются на месте где их отпустили

[@user-fi3ti6bh3p]

Подскажите кто - нибудь, пожалуйста, как сделать, чтобы при перемещении карты вдоль оси х карта наклонялась пропорционально отдалению карты. Вообще нужна просто зависимость от перемещения карты вдоль оси. (Урок прекрасен, спасибо!)

[@dimadobudi638]

Через Ui-image,не могу ввести во вкладке render-camera:main camera -выдает ошибку (

[@vladafanasief5064]

Не получилось сделать CardScr (не работает), в скрипте ошибок вроде нет, на карте скрипт висит. Вот скрипт: using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.EventSystems; public class CardScr : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler { Camera MainCamera; Vector3 offset; void Awake () { MainCamera = Camera.allCameras[0]; } public void OnBeginDrag (PointerEventData eventData) { offset = transform.position - MainCamera.ScreenToWorldPoint(eventData.position); } public void OnDrag (PointerEventData eventData) { Vector3 newPos = MainCamera.ScreenToWorldPoint(eventData.position); newPos.z = 0; transform.position = newPos + offset; } public void OnEndDrag (PointerEventData eventData) { } }

[@problem42]

у меня такое же было. убедитесь что вы создали Event System или она у вас не исчезла в Иерархии

[@aihaibara8733]

Доходчиво объясняешь =) Мне, как человеку далёкому от программирования, было всё ясно и понятно.

[@def1NeX]

Спасибо! ^_^

[@hgms6150]

человеку, далекому от программирования, нихрена понятно не будет) во всяком случае с первого раза точно

[@vladimirh7776]

сложновато на первый взляд, но разобраться можно

[@tonishuriken2710]

А если это всё сделать на андроид будет работать, или нужно специально под телефон пилить код?

[@def1NeX]

Будет, почему нет

[@user-dz6xh3vm5d]

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

[@def1NeX]

Можете написать в лс в дискорде

[@KMVInform]

Ругается на эту строчку TempCardGO.transform.SetParent(GameObject.Find("Canvas").transform); При запуске, после того как карту отпускаем, TempCardGO не пропадает с экрана, а появляется слева от карты

[@def1NeX]

Мейби у тебя объект полотна имеет другое имя.

[@KMVInform]

Верно, спасибо. Сам протупил, час сам искал в чём ошибка

[@Kowshara]

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

[@def1NeX]

Пока точно не знаю, думаю около 10, может больше.

[@moranyt8299]

Такой трабл случился, у меня в игре спрайт не совсем квадратные, и нужно перемещать именно в указанные позиции исключительно по границам image, ты случаем не знаешь как сделать так, чтобы OnDrop не реагировал на прозрачные участки Image?

[@moranyt8299]

Ну или проще, можно ли как то сделать так, чтобы OnDrop работал с Collider2D? Без Image компонента

[@def1NeX]

@@moranyt8299 Raycast padding позволяет настроить границы активной части изображения (компонент Image)

[@01081990lmv21]

Круто)) Один минус - мне, как ламеру, ничего не ясно))

[@def1NeX]

Я подумываю над тем, чтобы в будущем записать цикл уроков по обучению Unity с нуля.

[@JotMarvelSnap]

velikiyGames было б не плохо дружище!

[@alish_w.w7352]

Что делать я с перфаба не могу удалить Нэйм и Лого в ТемпКардГО , удаляю так говорится Отркыть префаб и удалить то что нужно

[@nightsoul4677]

нажми правой кнопкой по карте в иерархии, выбери prefab и нажми unpack

[@daniellogan549]

Лучше смотреть в x1.5)

[@HearthstoneMontage]

Когда 2 монитора, функция SacleWithScreenSize начинает нарушать соотношение сторон, и в итоге Image 1920 на 1080 даже в конструкторе не покрывает Сanvas 1920 на 1080 xD Проверил на пустом проекте, с ConstantPixelSize всё шикарно.

[@def1NeX]

Только что проверил и запустил esm с двумя включенными мониторами, никаких проблем с соотношением сторон не наблюдаю.

[@-donze-3368]

Го слив скриптов коменты в описание?

[@DeniJackson]

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

[@DeniJackson]

установил версию 2020 и заработало)

[@l2xXxXxXxl2]

как только ставлю newPos.z = 0; при попытке передвинуть карту, карта увеличиваеться на весь экран!

[@def1NeX]

В следующих частях это пофикшено

[@l2xXxXxXxl2]

​@@def1NeX согласен, ошибка у меня была в камере, в графе Projection) все чики)

[@angrycatstudio2816]

Вроде все идентично, но карта на 3-4 минуте как у Вас не двигается совершенно. Хотя если убрать присваивание глубине = 0 , то она исчезает.

[@angrycatstudio2816]

Че ток не перепробовал. Вообще нет идей. Может версия юнити влияет?

[@angrycatstudio2816]

Хотя если убрать горизонтальый лэер с руки, то все двигается.

[@mazz1lla52]

Наверное уже поздно, но...

[@mazz1lla52]

Попробуй перекинуть камеру в канвас и увеличь её под развер канваса

[@shalkermob4668]

Такая же проблема, вы ее решили?

[@derkuntplay627]

у меня ошибка: Assets\Scripts\Drag_Script.cs(23,3): error CS0118: 'Vector3' is a type but is used like a variable помогите пожалуйста

[@bruhsty]

Нужно делать так Vector3 newVariable = new Vector3(0f,0f,0f);

[@user-tz6ge8jm7t]

Нихера не понял но очень интересно

[@crazy_cyxapuk]

ждать продолжения?

[@def1NeX]

на неделе

[@makotost4207]

Еееее

[@def1NeX]

Лучше поздно, чем никогда

[@user-fyoresjsethp]

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

[@def1NeX]

Аян Кайрлы ну так урон и хп у карт будет в этой игре. Просто подожди следующих частей.

[@user-fyoresjsethp]

ок спасибо буду ждать

[@def1NeX]

Сделал.

[@volk_-bo3dy]

А что за програма для редакта

[@pngpng]

Visual Studio Code

[@ciocolata3476]

На андроид можно портировать свою игру?

[@def1NeX]

Да

[@burr1113]

Норм!!!

[@kronchikx6151]

Извиняюсь, я новичок, что за импорт плагина в начале?

[@def1NeX]

Textmesh Pro - в версии Unity 2018 уже встроенный плагин - мощный инструмент при создании текстовых объектов.

[@kronchikx6151]

@@def1NeX, ух ты спасибо за быстрый ответ)

[@user-fv3kr9rl4t]

Наткнулся на проблему. Я вписал полность весь код для карты , но проверку сделать не могу так как Юнити говорит мне об ошибках , хоть в коде я не вижу никаких ошибок. Как исправить и что делать ?

[@def1NeX]

Даблкликай на ошибки в консоли и у тебя в редакторе кода будут подсвечены строки с ошибкой.

[@user-fv3kr9rl4t]

@@def1NeX Оповещения об ошибке мне даёт самое Юнити. Перетянув скрипт, я пытался пару раз запустить но все равно говорит что какая-то ошибка в коде

[@def1NeX]

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

[@user-fv3kr9rl4t]

@@def1NeX Ага. Понял , спасибо. И как понять что компоненты : EventSystem, IBaginDragHandler... Не найдены ? Это получается что библиотека не подключена ?

[@def1NeX]

@@user-fv3kr9rl4t да, нужно подключить библиотеку UnityEngine.EventSystem

[@sga7367]

Бро как ты все это выучил, что читал что смотрел сколько учишь unity уже???

[@def1NeX]

Смотрел ютюб, читал стакОверфлоу. Пару лет.

[@sga7367]

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

[@def1NeX]

@@sga7367 Unity с каждым годом набирает обороты, поэтому если нравится, то занимайся. Есть уроки от самих Юнити, есть куча каналов на KZbin, есть разные бесплатные онлайн-курсы.

[@sga7367]

@@def1NeX Спасибо)

[@qlobal9630]

Ничего не понял на скорости х0.50 , поставил х2 сразу всё очевидно стало

[@reapercrow7623]

Жаль , что ты не оставил коды в описании :(

[@def1NeX]

В описании ссылка на проект на Гитхабе...

[@reapercrow7623]

@@def1NeX а можно скачать твою версию ?

[@user-uz2ih9kc1k]

Привет великий гейм, я прошу тебя ответить на мой коментарий, это очень срочно и важно) За ранее спасибо тебе большое

[@def1NeX]

На что именно ответить?

[@user-uz2ih9kc1k]

@@def1NeX я вам отправил заявку в друзья в ВК, там могу я вас спросить?

[@user-uz2ih9kc1k]

@@def1NeX дело в том, что бы вы ответили в ВК) А там я хотел бы обсудить кое что

[@user-uz2ih9kc1k]

@@def1NeX Блин, я из за дел запутался кто есть кто. У меня инстограмм не потдерживаеться, как я могу с вами связаться?

[@user-uz2ih9kc1k]

@@def1NeXя могу подробно объяснить что вообще происходит и что хотел бы обсудить могу лично, в ВК например

[@zank5500]

ээээээээй

[@WaldemarIHBM]

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

[@Pom4ik989]

слишком быстро

[@lktxd]

Юнитизм это типа аутизм? Если да то я перехожу на gamemaker

[@def1NeX]

Юнитизм это тип Юнити + Атеизм (если богом считать гамак) ¯＼_(ツ)_/¯

[@lktxd]

)

[@AlexanderYarov]

Не понял, ты показывал или обучал, потому что если второе, то ты явно не понял значения слово "обучать" Такая подача никак не может чему то обучить, максимум для демонстрации твоих возможностей работодателю, который такой ВОУ, а челик шарит! Выключил сразу после того как Ты начал в скороговорке говорить о скриптах.. Дальше можно не смотреть. Вообщем смотри, что такое "обучение" в гугле.

[@bazz3021]

он просто в туалет не сходил, поэтому все так быстро

[@user-bx9ww7yr4u]

Все було би добре. Відео підписане Українською. А от автор розповідає російською. Я дещо не розумію.

[@def1NeX]

Автоматичний переклад KZbin мабуть постарався. Нові відео виходять українською.

[@user-bx9ww7yr4u]

@@def1NeX Дякую.