Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Добро пожаловать в Кран-ресторан — казуальный симулятор, который превратит вас в настоящего мастера кулинарии! Управляйте краном, ловите нужные ингредиенты и готовьте блюда по рецептам, избегая ошибок, чтобы сохранить рейтинг и получить ценные награды.

Кран-Ресторан

Казуальные, Аркады, Шарики

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Gamedev + Картинки

С этим тегом используют

Инди Разработка Инди игра Игры Unity Компьютерные игры YouTube Юмор Картинка с текстом Арт Мемы Фотография Девушки Кот Все
54 поста сначала свежее
283
sermolot
sermolot
7 лет назад
Лига Разработчиков Видеоигр

Проект "Night is coming". Дневники разработчика #7 : Поселенец, одежда, хижина лесоруба,шахта, элементали и волкодлак.⁠⁠

Проект "Night is coming". Дневники разработчика #7 : Поселенец, одежда, хижина лесоруба,шахта, элементали и волкодлак. Gamedev, Инди-разработка, Компьютерные игры, Арт, Картинки, Гифка, Длиннопост
Проект "Night is coming". Дневники разработчика #7 : Поселенец, одежда, хижина лесоруба,шахта, элементали и волкодлак. Gamedev, Инди-разработка, Компьютерные игры, Арт, Картинки, Гифка, Длиннопост

Группа разработки вконтакте: vk.com/nightiscom

Показать полностью 2
[моё] Gamedev Инди-разработка Компьютерные игры Арт Картинки Гифка Длиннопост
39
12
sermolot
sermolot
8 лет назад

Night is coming Три концепта Короля Ночи на выбор(Инди проект)⁠⁠

Night is coming Три концепта Короля Ночи на выбор(Инди проект) Картинки, Арт, Концепт-арт, Компьютерные игры, Gamedev

Проект Night is comng

Немного с проектом вы можете познакомиться здесь vk.com/nightiscom


Предлагаю Вам выбрать вариант наиболее понравившийся Вашему взгляду.

Night is coming Три концепта Короля Ночи на выбор(Инди проект) Картинки, Арт, Концепт-арт, Компьютерные игры, Gamedev
Night is coming Три концепта Короля Ночи на выбор(Инди проект) Картинки, Арт, Концепт-арт, Компьютерные игры, Gamedev
Показать полностью 2
[моё] Картинки Арт Концепт-арт Компьютерные игры Gamedev
3
29
sermolot
sermolot
8 лет назад
Лига Разработчиков Видеоигр

Night is coming Первый концепт арт Короля зимней ночи⁠⁠

Night is coming Первый концепт арт Короля зимней ночи Gamedev, Арт, Game Art, Концепт-арт, Картинки, Компьютерные игры

Мы хотим с Вами делиться, и вы поделитесь с нами своими объективными мнениями.


Вступайте в группу vk.com/nightiscom

Канал на youtube  youtube.com/channel/UCYZ3XpQid4vI6eRMrIT5-Mg

Tumblr tumblr.com/dashboard

Показать полностью 1
[моё] Gamedev Арт Game Art Концепт-арт Картинки Компьютерные игры
19
17
Ransom00
Ransom00
8 лет назад
Pixel art

Сундук⁠⁠

Новейшая гифка показывает, что в сундуке может оказаться не только волшебный гриб, а вообще все, что угодно. Будьте бдительны!


Графика из моей игры Graveyard March

Сундук Картинки, Арт, Pixel Art, Творчество, Моё, Игры, Gamedev, Гифка

Оригинальный размер можно посмотреть тут: https://vk.com/wall-96705419_149

[моё] Картинки Арт Pixel Art Творчество Моё Игры Gamedev Гифка
5
120
Ransom00
Ransom00
8 лет назад
Pixel art

Моя пятничная гифка в стиле пиксель арт. Меню для игры "Graveyard March"⁠⁠

Привет, Пикабу!

Мы, наконец-то, допилили основное меню нашей игры и спешим поделиться результатом. Это первый экран, который видит игрок, и мы постарались показать на нем основные элементы нашей игры – пиксель-арт и сеттинг, совмещающий пародийное фентези и ретрокомпьютинг. Борьба повелителя нежити с силами добра наполнена отсылками к старым играм, древним диалектам языков программирования и мертвым игровым платформам.


Здесь показан только фрагмент меню, т.к. целиком оно не влезает. Полная версия – по ссылке.

Моя пятничная гифка в стиле пиксель арт. Меню для игры "Graveyard March" Pixel Art, Gamedev, Арт, Картинки, Творчество, Инди, Пятничный тег моё, Игры, Гифка

Полная версия:

http://i.imgur.com/9bW2XzN.gif

[моё] Pixel Art Gamedev Арт Картинки Творчество Инди Пятничный тег моё Игры Гифка
20
35
Ransom00
Ransom00
8 лет назад
Pixel art

Пиксель арт гифка про смерть паладина... с неожиданным финалом.⁠⁠

Сегодня очередная анимация смерти персонажа для нашей игры "Graveyard March". Доблестный паладин уходит с поля боя...довольно интересным способом.


Картинка специально для сообщества "Пиксель арт", всем добро пожаловать!

http://pikabu.ru/community/pixelart

Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост

Это я постарался привлечь Ваше внимание. У меня ко всем предложение: вместе выбрать обложку для сообщества.


Пикабушник @LactariuS сделал подборку обложек из интернета, и попросил меня оформить пост, чтобы все участники выбрали один вариант. Либо предложили свой.


Максимальный размер обложки:

800x133 пикселей

Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост
Пиксель арт гифка про смерть паладина... с неожиданным финалом. Pixel Art, Пиксель, Gamedev, Картинки, Арт, Творчество, Инди, Гифка, Длиннопост

http://www.vgmaps.com/Atlas/X360/Castlevania-HarmonyOfDespai...


Пишите свои мысли в камменты.

Всем спасибо за внимание!

Показать полностью 11
[моё] Pixel Art Пиксель Gamedev Картинки Арт Творчество Инди Гифка Длиннопост
9
22
tonykot
tonykot
8 лет назад
Лига Разработчиков Видеоигр

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс)⁠⁠

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс) Gamedev, Unity, Длиннопост, Картинки

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


Внимание!!! Длиннопост!


Для начала сделаю небольшое отступление. Я снова отстаю от графика, который вам пообещал. А всё потому, что написание поста занимает очень продолжительное время =) Для примера, на написание предыдущего я потратил 4 часа. И речь сейчас идёт не о работе в юнити, а исключительно о подготовке скринов и гифок, о написании текста и т.п. И дело в том, что всё, что мы будем сегодня рассматривать я сделал уже через день после написания предыдущего поста. ПОЭТОМУ! Я буду думать над упрощением подачи информации. Скорее всего буду дробить всё на маленькие темы, чтобы успевать давать эту информацию.

В общем, не обессудьте. Я готов делиться информацией. Но слишком мало свободного времени на это. Вероятно, я буду кодить и публиковать всё в репозитории на Bitbucket. А уже когда будет время, самое интересное из этого буду описывать здесь, на пикабу.


И так, начнём...

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс) Gamedev, Unity, Длиннопост, Картинки

(Не ищите сакрального смысла в этой картинке, это лишь пример из интернетов.)


Наша цель сегодня - авторизовать пользователя, просто попросив его представиться и вывести над ним имя, которое будет видно другим игрокам. В обоих случаях нам будет необходимо взаимодействовать с такой чудесной вещью, как Unity UI, который за последнее время обзавёлся множеством фич и вполне себе удобен для использования прямо из коробки.


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

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс) Gamedev, Unity, Длиннопост, Картинки

Но у вас это может выглядеть как угодно. Данное окошко состоит аж из семи элементов. Я не буду рассказывать обо всех, но акцентирую ваше внимание на необходимых.


Итак. Чтобы создать подложку для нашего окна - щёлкаем правой кнопкой мыши по окну иерархии и создаём UI -> Image. Давайте сразу назовём этот объект "StartWindow", чтобы потом нам было проще ориентироваться в сцене. В сцене вы, возможно, не заметите изменений. Поэтому давайте перейдём в окно Game, в котором у нас появился белый квадрат. Он и будет нашей подложкой. Сразу скажу, что верхнюю и нижнюю полосы я делал точно так же. Давайте кликнем на созданный нами объект в окне иерархии и посмотрим, что там у нас есть на нем в инспекторе и...


О боже! Где наш любимый трансформ?! А хотя нет. Вот он. Только называется он теперь Rect Transform и имеет уже несколько другой функционал. Давайте коротко его рассмотрим.

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс) Gamedev, Unity, Длиннопост, Картинки

Первое, что бросается в глаза - непонятный квадрат слева. Спешу вас обрадовать. Это очень важный квадрат. Он позволяет задать выравнивание объекта, относительно экрана. Думаю вы уже догадались, что в отличие от нашего игрового пространства, которое везде будет выглядеть одинаково, экраны пользователей имеют ОЧЕНЬ разнящиеся параметры. Поэтому мы должны дать знать нашему элементу, как себя вести, если экран игрока будет отличаться от окна, в котором мы настраиваем положение элементов UI. В нашем случае всё просто - наше окно должно быть всегда центрировано. Поэтому тыкаем в середину.


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


Для того, чтобы разместить надпись в нашем свеженьком окошке - жмём правую клавишу мыши и создаём UI -> Text. Не торопитесь настраивать его положение. Чуть ниже, в компоненте Text, вы сможете указать сам текст, подгрузить кастомные шрифты и даже помучать их параметры, включая цвет и размер (привет лиге веб дизайнеров, вы не одни играетесь со шрифтами). Настраиваем всё на свой вкус и только теперь задаём положение.


Чтобы избежать удивлённых возгласов начинающих девелоперов, которые решили установить очень уж большой шрифт или уместить всю свою биографию в этом элементе... При превышении размера, заданного в Rect Transform, текст по умолчанию обрезается. Но не пугайтесь, это можно исправить.

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс) Gamedev, Unity, Длиннопост, Картинки

Обратите внимание на на пункты Horizontal Overflow и Vertical Overflow. У обоих есть выпадающие списки и если у обоих выбрать Overflow - ваша проблема решится. Теперь, с этими знаниями, сделайте так же все надписи, которые посчитаете нужными.


Поехали дальше. Давайте сделаем что-то более интерактивное, чем простой текст и создадим элемент UI -> InputField. Как можно понять из названия - это поле для ввода (ваш КЭП). Это более сложный элемент уже за счёт того, что при его создании он притянул к себе дочерними ещё аж два объекта. Все они позволяют настроить это поле так, как вы посчитаете нужным. Но я хочу обратить ваше внимание на поле OnEndEdit, которое находится в инспекторе у объекта InputField. Именно оно позволяет создать весь интерактив, но мы вернёмся к нему чуть позже. А сейчас - время кодить!


Прошло уже много времени и я не совсем помню, на чём мы остановились. Поэтому буду повествовать в режиме "что вижу, о том и пою". Для начала давайте создадим скрипт GameManager. Угадайте в какой папке =) Класс GameManager, в последующем, будет управлять игровым процессом. И не пугайтесь тому, что я пишу в коде сейчас (я в тот раз получил претензию на глупый контроллер). Мы начинаем с простого и будем двигаться к сложному. Поэтому ещё сотни раз всё будем усложнять и, как следствие, рефакторить.


И так, вот содержание класса:

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс) Gamedev, Unity, Длиннопост, Картинки

Я не буду описывать переменные, а что делают методы - скажу. Самое первое, что у нас выполняется при старте - метод старт (хейтеры и умники, спокойнее, я имею в виду конкретный класс). В нём мы получаем компонент, управляющий нашим игроком и отключаем его. Это сделано для того, чтобы до входа в игру мы не могли крутить игроком и тем более бегать. Далее идёт публичный класс JoinGame, который принимает один параметр - строку name. Обращаю ваше внимание на то, что метод должен быть именно публичным, ибо мы будем обращаться к нему извне. Данный класс сразу же хватает переданное имя пользователя и записывает его в переменную playerName. Откуда метод её получает - пусть пока останется загадкой. Далее мы возвращаем контроль над персонажем в руки нашему пользователю и выключаем окошко авторизации. Всё, мы вошли в игру.


Теперь к вопросу об имени пользователя. Давайте вернёмся в Unity и снова тыкнем на InputField, который мы создали. Там, в инспекторе, у него есть поле On End Edit, которое я уже упоминал. Нажимаем плюсик под ним и в левое поле перетаскиваем объект GameManager из иерархии. А в выпадающем меню, из списка методов выбираем наш JoinGame.


Что же мы сейчас сделали? Всё просто. Когда пользователь завершит ввод и нажмёт Enter, наше поле для ввода самостоятельно оповестит GameManager о том, что ник введён. Сделает он это, обратившись к методу JoinGame и передав ему строку, введённую пользователем.


Чудесно. С этим разобрались. Мы научились выводить экранный интерфейс и даже передавать с его помощью данные в наш код. Но вот мы представились, а как узнать, как зовут остальных игроков? Здесь тоже всё достаточно просто. Давайте знакомиться с интерфейсом, размещаемым в мировом пространстве!


Давайте создадим объект в сцене. Простой шарик. И назовём его Opponent. Этот шарик будет символизировать какого-то другого игрока, играющего с нами по сети. Теперь создадим ещё один объект. UI-> Canvas. Этот объект является своего рода полотном, на котором отрисовываются все элементы UI. И вы можете увидеть, что один такой объект у нас уже есть. Его нам добавила Unity, когда мы создавали фон для нашего окна. Но этот нам так же необходим. Потому, что он будет отрисовывать графику не в окне, а в игровом пространстве.


Для того, чтобы иметь возможность перемещать этот объект по сцене, нам необходимо найти компонент Canvas в инспекторе и в RenderMode изменить ScreenSpace на WorldSpace. Теперь давайте сделаем ему дочерним объект UI -> Text, который будет выводить имя игрока. Теперь вам необходимо установить эти объекты в удобное для вас положение.

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс) Gamedev, Unity, Длиннопост, Картинки

У меня это выглядит вот так. И, как только мы всё разместили, давайте сделаем из нашего Canvas-а префаб, перетащив его левой кнопкой мыши в папку Resources. Удалим его со сцены и потом создадим ещё один C# скрипт. Назовём его NetworkPlayerManager. Данный класс будет отвечать за поведение всех игроков, которыми не управляет наш пользователь. То есть за всех оппонентов, играющих с нами по сети. И что же делает наш код...

GTO-R StarterKit: Шаг 2 (Введение в графический интерфейс) Gamedev, Unity, Длиннопост, Картинки

Для начала (21 строка) мы создаём на сцене копию префаба с Canvas-ом, который мы только что создали. И следующей строкой помещаем его дочерним к нашему интернет-игроку. Далее (24 строка) мы получаем ссылку на компонент текст, который будет выводить ник и присваиваем её переменной labelName. И далее просто ищем в сцене камеру и берём ссылку на её трансформ.


В апдейте мы задаём позицию нашего лейбла и вращаем его в сторону ПРОТИВОПОЛОЖНУЮ игроку. Почему так? Потому, что ось Z у графических элементов направлена от взгляда пользователя в глубину. И если повернуть эту ось на игрока, мы увидим обратную сторону нашего текста. Чтобы этого избежать, давайте сразу вращать правильно.


И далее. В методе FixedUpdate мы обновляем текст надписи. Зачем мы её обновляем? Ну... Пользователь может захотеть сменить ник (когда мы дадим ему такую возможность) и тогда мы не будем наблюдать старый ник до конца сессии. А вот так часто ник обновлять действительно не имеет смысла. И потом мы приурочим это дело к какому нибудь более редкому игровому событию.



Ну вот и всё! Если вы дочитали до этого места, значит вы научились работать с новым графическим интерфейсом в Unity. А так же узнали, как с помощью интерактивных элементов UI передавать параметры в игровые скрипты. В будущем это ещё не раз пригодится.


Спасибо, что дочитали этот пост. И отдельное спасибо, что остаётесь на связи. У меня уже более 1000 подписчиков и я знаю, что вы ждёте новых постов. Но... Работа не даёт публиковаться часто =) Для тех, кто хочет видеть обновления чаще - есть группа в контакте. Созданная специально для того, чтобы держать в курсе особо интересующихся. Я стараюсь делиться там всякими плюшками. А теперь, поскольку код будет опережать посты, там будет информации немного больше.


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

Показать полностью 7
Gamedev Unity Длиннопост Картинки
4
Партнёрский материал Реклама
specials
specials

Только каждый третий пикабушник доходит до конца⁠⁠

А сможете ли вы уложить теплый пол, как супермонтажник?

Проверить

Ремонт Теплый пол Текст
122
Ransom00
Ransom00
8 лет назад
Pixel art

Моя пятничная гифка в стиле пиксель арт. Магические фонтаны для мобильной игры "Graveyard March"⁠⁠

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


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


В гифке можно увидеть как ничейный источник преобразуется при его захвате нашими приспешниками.

Моя пятничная гифка в стиле пиксель арт. Магические фонтаны для мобильной игры "Graveyard March" Пятничный тег моё, Картинки, Арт, Игры, Творчество, Pixel Art, Gamedev, Гифка
[моё] Пятничный тег моё Картинки Арт Игры Творчество Pixel Art Gamedev Гифка
14
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии