Q/A:[2D] Как можно залить фон текстурой? — Unity / Game Dev / Game Dev
Username
Password
Repeat password
Language
Русский / RussianEnglish / EnglishAfrikaans / AfrikaansShqip / Albanianአማርኛ / Amharicالعربية / ArabicAragonés / AragoneseՀայերեն / ArmenianAsturianu / AsturianAzərbaycan dili / AzerbaijaniEuskara / BasqueБеларуская / Belarusianবাংলা / BengaliBosanski / BosnianBrezhoneg / BretonБългарски / BulgarianCatalà / Catalanکوردی (دەستنوسی عەرەبی) / Central Kurdish中文 / Chinese中文（香港） / Chinese (Hong Kong)中文（简体） / Chinese (Simplified)中文（繁體） / Chinese (Traditional)Corsican / CorsicanHrvatski / CroatianČeština / CzechDansk / DanishNederlands / DutchEnglish (Australia) / English (Australia)English (Canada) / English (Canada)English (India) / English (India)English (New Zealand) / English (New Zealand)English (South Africa) / English (South Africa)English (United Kingdom) / English (United Kingdom)English (United States) / English (United States)Esperanto / EsperantoEesti / EstonianFøroyskt / FaroeseFilipino / FilipinoSuomi / FinnishFrançais / FrenchFrançais (Canada) / French (Canada)Français (France) / French (France)Français (Suisse) / French (Switzerland)Galego / GalicianᲥართული / GeorgianDeutsch / GermanDeutsch (Österreich) / German (Austria)Deutsch (Deutschland) / German (Germany)Deutsch (Liechtenstein) / German (Liechtenstein)Deutsch (Schweiz) / German (Switzerland)Ελληνικά / GreekGuarani / Guaraniગુજરાતી / GujaratiHausa / HausaʻŌlelo Hawaiʻi / Hawaiianעברית / Hebrewहिन्दी / HindiMagyar / HungarianÍslenska / IcelandicIndonesia / IndonesianInterlingua / InterlinguaGaeilge / IrishItaliano / ItalianItaliano (Italia) / Italian (Italy)Italiano (Svizzera) / Italian (Switzerland)日本語 / Japaneseಕನ್ನಡ / KannadaҚазақ тілі / Kazakhខ្មែរ / Khmer한국어 / KoreanKurdî / KurdishКыргызча / Kyrgyzລາວ / LaoLatin / LatinLatviešu / LatvianLingála / LingalaLietuvių / LithuanianМакедонски / MacedonianBahasa Melayu / Malayമലയാളം / MalayalamMalti / Malteseमराठी / MarathiМонгол / Mongolianनेपाली / NepaliNorsk / NorwegianNorsk bokmål / Norwegian BokmålNynorsk / Norwegian NynorskOccitan / Occitanଓଡ଼ିଆ / OriyaOromoo / Oromoپښتو / Pashtoفارسی / PersianPolski / PolishPortuguês / PortuguesePortuguês (Brasil) / Portuguese (Brazil)Português (Portugal) / Portuguese (Portugal)ਪੰਜਾਬੀ / PunjabiQuechua / QuechuaRomână / RomanianRomână (Moldova) / Romanian (Moldova)Rumantsch / RomanshScottish Gaelic / Scottish GaelicСрпски / SerbianCroatian / SerboChiShona / ShonaSindhi / Sindhiසිංහල / SinhalaSlovenčina / SlovakSlovenščina / SlovenianSoomaali / SomaliSouthern Sotho / Southern SothoEspañol / SpanishEspañol (Argentina) / Spanish (Argentina)Español (Latinoamérica) / Spanish (Latin America)Español (México) / Spanish (Mexico)Español (España) / Spanish (Spain)Español (Estados Unidos) / Spanish (United States)Sundanese / SundaneseKiswahili / SwahiliSvenska / SwedishТоҷикӣ / Tajikதமிழ் / TamilTatar / Tatarతెలుగు / Teluguไทย / Thaiትግርኛ / TigrinyaLea fakatonga / TonganTürkçe / TurkishTurkmen / TurkmenTwi / TwiУкраїнська / Ukrainianاردو / UrduUyghur / UyghurO‘zbek / UzbekTiếng Việt / VietnameseWa / WalloonCymraeg / WelshWestern Frisian / Western FrisianXhosa / XhosaYiddish / YiddishÈdè Yorùbá / YorubaIsiZulu / Zulu
I confirm that I have read
Terms of use of the site.
2D игра на Unity. Подробное руководство. Часть 1
В первой главе вы найдете основную информацию по загрузке и установке Unity и подготовке первой сцены нашей игры.Настройка среды в Unity
Начнем с самого простого: загрузки и настройки Unity.
Загрузите последнюю версию с официального сайта или торрента и запустите установочный файл.
Для редактирования кода в Unity (4.0.1 и выше) служит редактор MonoDevelop. Если вы работаете в Windows, вы можете (и я вам советую) использовать альтернативый редактор Visual Studio 2013 Desktop (C#) для Windows, после чего в настройках Unity измените редактор по умолчанию на Visual Studio.
Полезно знать: невозможно использовать отладчик Visual Studio 2013 Express с Unity. Вы должны иметь Pro версию Visual Studio и купить UnityVS плагин. С версией Express, вы будете иметь лучший редактор кода, но отсутствие отладчика сведет на нет все его достоинства.
Mac OS X
MonoDevelop 4 — существенно лучше, чем старый MonoDevelop 2 в предыдущих версиях Unity. Он, конечно, далек от совершенства, но ничего лучшего под на Mac не придумано.
На каком языке программировать в Unity?
Unity позволяет кодировать на трех языках: JavaScript, C# и Boo. Рекомендую использовать C# — он более мощный и проще.
Научиться пользоваться в главным интерфейсом Unity достаточно просто. Вам, может быть, будет страшно в первый раз, когда открываете программу, но уже через несколько часов вы будете чувствовать себя в нем как рыба в воде.
Вот несколько ссылок, которые могут быть вам полезными:
- Изучение интерфейса Unitys: основа всех основ. Не зная интерфейса, вы не сможете создавать игры в Unity 3D
- Создание сцены в Unity: изучение этого раздела поможет вам создать свою собственную сцену
Первая сцена. Создаем новый проект.
Выберите меню File, а затем создаqnt новый проект. Не выбирайте нивакой стандартный пакет на первое время. Вы можете повторно импортировать их позже, если вы захотите, просто поначалу они будут просто сбивать вас с толку.
Выберите 2D настройки. Как и прежде, вы можете изменить этот флаг в настройках проекта позже.
Не беспокойтесь о названии. Оно определяется в настройках, и чтобы изменить имя проекта достаточно просто переименовать папку.
Разметка и панели Unity
Перед вами пустая страница. С ней вы и будете работать, но вам потребуется время, чтобы настроить интерфейс в соответствии со своими конкретными нуждами. Лично мне удобнее, когда консоль находится рядом с игровым экраном, но если у вас маленький монитор, вы можете заменить панели вкладками.
Прежде чем перейти к созданию игры, уделите несколько минут, чтобы подготовить свой проект и сцены.
Чтобы держать все под рукой, советуем создать папки во вкладке Project (Проект).
Эти папки будут созданы в папке Assets вашего проекта.
Ассеты проекта
В вашей панели Project, вы можете найти различные типы ассетов:
-
Префабы
Многоразовые игровые объекты (например: пули, враги, бонусы).
Префабы можно рассматривать как класс в языке программирования, который может быть обработан в игровых объектах. Это некая форма, которую можно дублировать и изменить по своему желанию в сцене или во время выполнения игры.
-
Сцены
Сцена содержит игровой уровень или меню.
В отличие от других объектов, создаваемых в панели «Проект», сцены создаются в меню «Файл». Если вы хотите создать сцену, нажмите на кнопку «Новая сцена» в подменю и не забудьте потом сохранить ее в папку Scenes.
Сцены должны быть сохранены вручную. Это классическая ошибка в Unity — сделать некоторые изменения в сцене и ее элементы и забыть сохранить их после. Ваш инструмент контроля версий не увидите никаких изменений до тех пор, сцена не сохранится.
-
Звуки
Тут все предельно просто. Увидите, если захотите раскидать музыку по разным папкам.
-
Scripts
Весь код находится здесь. Мы используем эту папку в качестве эквивалента корневой папке в C# проекте.
-
Textures
Спрайты и изображения вашей игры. В 2D проекте вы можете переименовать эту папку в «Sprites».
Это неважно для 2D проекта, но, оставив название
Textures(Текстуры), вы дадите возможность Unity автоматизировать некоторые задачи.
Заметка о папке Resources: если вы уже работали с Unity, вы знает, что Resources – полезная и уникальная папка. Она позволяет загрузить в скрипт объект или файл (с помощью статичного класса Resources). Она понадобится нам в самом конце (в главе, посвященной меню). Проще говоря, пока мы не будем ее добавлять.
Наша первая игровая сцена
Панель Hierarchy (Иерархия) содержит все объекты, которые доступны в сцене. Это то, чем вы манипулируете, когда начинаете игру с помощью кнопки «Play».
Каждый объект сцены является игровым объектом для Unity. Вы можете создать объект в главной сцене, или в другом объекте игры. Также вы можете в любое время переместить объект чтобы изменить его родителя.
Как вы можете видеть здесь, у нас здесь 3 потомка для объекта Level.
Пустые объекты
В Unity можно создать пустой объект и использовать его в качестве «папки» для других игровых объектов. Это упростит структуру вашей сцены.
Убедитесь, что все они имеют координаты (0, 0, 0) и тогда вы сможете легко их найти! Пустые объекты никак не используют свои координаты, но они влияют на относительные координаты их потомков. Мы не будем говорить об этой теме в этом уроке, давайте просто обнулим координаты ныших пустых объектов.
Заполнение сцены
По умолчанию, новая сцена создается с объектом Main Camera (Главная камера). Перетащите ее на сцену.
Для начала создайте эти пустые объекты:
- Scripts
- Мы добавим наши скрипты сюда. Мы используем этот объект, чтобы прикрепить сценарии, которые не связаны с объектом – например, скрипт гейм-менеджера.
- Render
- Здесь будет наша камера и источники света.
- Level
В Level создайте 3 пустых объекта:
0 - Background1 - Middleground2 - Foreground
Сохраните сцену в папке Scenes. Назовите ее как угодно, например Stage1. Вот, что у нас получилось:
Совет: по умолчанию игровой объект привязан к положению родителя. Это приводит к интересному побочному эффекту при использовании объекта камеры: если камера является дочерним объектом, она автоматически будет отслеживать положение родителя. Если же она является корневым объектом сцены или находится внутри пустого игрового объекта, она всегда показывает один и тот же вид. Однако если вы поместите камеру в движущийся игровой объект, она будет следовать за его передвижениями в пределах сцены. В данном случае нам нужна фиксированная камера, поэтому мы помещаем ее в пустой объектRender. Но запомните это свойство объекта камеры, оно может вам пригодиться.
Мы подробно остановимся на этой теме в главе «Паралаксный скроллинг».Мы только что создали базовую структуру нашей игры. На следующем этапе мы начнем делать забавные вещи: добавим на сцену фон и кое-что еще!
Добавляем фон в сцену
Наш первый фон будет статическим. Воспользуемся следующим изображением:
Импортируйте изображение в папку Textures (Текстуры). Просто скопируйте файл в нее, или перетащите его из проводника. Не беспокойтесь сейчас о настройках импорта.
Создайте в Unity новый игровой объект Sprite на сцене.
Что такое спрайт?
По сути, спрайт – это 2D-изображение, используемое в видео-игре. В данном случае это объект Unity для создания 2D-игр.
Добавляем текстуру спрайта
Unity может автоматически установить фон для вашего спрайта. Если ничего такого не произошло, или если вы хотите изменить текстуру, перейдите на вкладку инспектора и выберите background: (фон)
Вы должны нажать на маленький круглый значок справа от поля ввода, чтобы появилось Select Sprite (Выбрать спрайт) в Инспекторе
Мой спрайт не появляется в диалоговом окне! Убедитесь, что вы находитесь в вкдадке Assets диалогового окна «Select Sprite» (Выбрать спрайт).
Если вы видите диалоговое окно пустым, — не пугайтечсь. Дело в том, что для некоторых установок Unity, даже со свежим новым 2D проектом изображения импортируются как «Текстура», а не «Спрайт». Чтобы это исправить, необходимо выбрать изображение на панели «Проект», и в «Инспекторе», изменить свойство «Текстура Type» имущество «Sprite»:
Итак, мы создали простой спрайт отображающий облака на небе. Давайте внесем изменения в сцену. В панели Hierarchy (Иерархия) выберите New Sprite. Переименуйте его в Background1 или что-то такое, что легко запомнить. Переименуйте его в Background1 или что-то такое, что легко запомнить. Затем переместите объект в нужное место: Level -> 0 - Background. Измените координаты на (0, 0, 0).
Создайте копию фона и поместите его в (20, 0, 0). Это должно отлично подойти к первой части.
Tip: Вы можете создать копию объекта с помощью клавишcmd + Dв OS X илиctrl + DWindows.
Слои со спрайтами
Следующее утверждение очевидно, но обладает некими неудобствами: мы отображения 2D мир. Это означает, что все изображения на одной и той же глубине, то есть 0. И вы графический движок не знает, что отображать в первую очередь. Слои спрайтов позволяют нам обозначить, что находится спереди, а что сзади.
В Unity мы можем изменить «Z» наших элементов, что позволит нам работать со слоями. Это то, что мы делали в этом руководстве перед обновлением до Unity 5, но нам понравилась идея идея использовать слои со спрайтами. У вашего компонента Sprite Renderer есть поле с именем Sorting Layer с дефолтным значением. Если щелкнуть на нем, то вы увидите:
Давайте добавим несколько слоев под наши нужды (используйте кнопку +):
Добавьте фоновый слой к вашему спрайту фона:
Настройка Order in Layer — это способ ограничить подслои.
Слой Default нельзя удалить, так как это слой, используемый 3D-элементами. Вы можете иметь 3D-объекты в 2D игре, в частности, частицы рассматриваются как 3D-объекты Unity, так что они будут рендериться на этом слое.
Спрайты с меньшим номером оказываются перед спрайтами с большими числами.Добавление элементов фона
Также известных как props. Эти элементы никак не влияют на геймплей, но позволяют усовершенствовать графику игры. Вот некоторые простые спрайты для летающих платформ:
Как видите, мы поместили две платформы в один файл. Это хороший способ научиться обрезать спрайты с помощью новых инструментов Unity.
Получение двух спрайтов из одного изображения
Выполняйте следующие действия:
- Импортируйте изображения в папку «Текстуры»
- Выберите спрайт Platform и перейдите к панели Инспектор
- Измените «Sprite Mode» на «Multiple»
- Нажмите на кнопку
Sprite Editor(Редактор спрайта)
В новом окне (Sprite Editor) вы можете рисовать прямоугольники вокруг каждой платформы, чтобы разрезать текстуру на более мелкие части:
Кнопка Slice в левом верхнем углу позволит вам быстро и автоматически проделать эту утомительную работу:
Unity найдет объекты внутри изображения и будет нарежет их автоматически.
Вы можете установить дефолтное значение для точки вращения или минимальный размер каждого фрагмента. Для простого изображения без артефактов, это необычайно эффективно. Тем не менее, если вы используете этот инструмент, будьте осторожны и проверьте результат, чтобы убедиться, что вы получили то, что хотели.
В этом уроке проделаем эту операцию вручную. Назовите платформы platform1 и platform2. Теперь, под файлом изображения, вы должны увидеть два спрайта отдельно:
Добавим их в сцену. Для этого мы будем выполнять те же действия что и для фона: создадим новый спрайт и выберим platform1. Потом повторим эти действия для platform2. Поместите их в объект 1 - Middleground. Убедитесь, что их позиция по оси Z равна нулю.
Prefabs (Префабы)
Сохранить эти платформы как префабы. Просто перетащите их в папку Prefabs:
Таким образом вы создадите Prefab, точно отвечающий оригинальному игровому объекту.
Вы увидите, что игровой объект, который вы конвертировали в Prefab, представляет собой новый ряд кнопок прямо под его именем:
Заметка о кнопках «Prefab»: При последующей модификации игрового объекта, вы можете использовать кнопку «Apply», чтобы применить эти изменения кPrefab, или кнопку «Revert», чтобы отменить все изменения игрового объекта в свойстваъPrefab. Кнопка «Select» переместит выбранные свойства в ассетPrefabв окне проекта (они будут выделены).
Создание префабов с объектами-платформами упростит их повторное использование. Просто перетащите Prefab на сцену, чтобы добавить копию. Попробуйте добавить другую платформу таким же образом.
Теперь вы можете добавить больше платформ, меняющих свои координаты, размеры и плоскости (вы можете поместить их на заднем или переднем плане, просто установите координату Z для платформы на 0).
На данном этапе все это выглядит еще сыроватым, но в следующих двух главах мы добавим параллаксный скроллинг, и сцена оживет у нас на глазах.
Слои
Прежде чем двигаться дальше, мы модифицируем наши слои, чтобы избежать каких-либо проблем с порядком их отображения. Для этого просто измените позицию игровых объектов по оси Z во вкладке Hierarchy (Иерархия) следующим образом:
| Слой | Позиционирование по оси Z |
|---|---|
| 0 — Задний фон | 10 |
| 1 — Средний фон | 5 |
| 2 — передний фон | 0 |
При переключении из 2D режима в 3D, в окне «Scene» (Сцена) вы будете четко видеть слои:
Кликнув на игровом объектеMain Camera, вы увидите, что флажок Projection установлен на Orthographic. Эта настройка позволяет камере визуализировать 2D игру без учета трехмерных свойств объектов.
Имейте в виду, что даже если вы работаете с 2D объектами, Unity по-прежнему использует свой 3D движок для визуализации сцены. Рисунок выше это наглядно демонстрирует.
В следующем уроке:
Вы только что узнали, как создать простой статический фон и как отобразить его должным образом. Затем мы научили вас, как сделать простые спрайты. В следующей главе мы узнаем, как добавить игрока и его врагов.
2D-игровые фоны, темы, шаблоны и загружаемые графические элементы на Dribbble
Посмотреть фоновую иллюстрацию леса для раздела «Герой»
Фоновая иллюстрация леса для раздела «Герой»
вид горы фоновой иллюстрации
Горный фон Иллюстрация
Посмотреть конную ферму
Конеферма
Посмотреть фон игрового автомата на тему Древней Греции
Фон игрового автомата на тему Древней Греции
Посмотреть иллюстрацию хорошего настроения
Иллюстрация хорошего настроения
Посмотреть фон игры Sketch!
Игровой фон Sketch!
- 3″ data-ad-data=»» data-boost-id=»» data-is-boost-fallback=»»>
Посмотреть фэнтезийную игровую среду⭐️
Фантастическая игровая среда⭐️
Посмотреть фоны для пасьянса
Фоны для пасьянса
View Mind Games — Мобильное приложение с иллюстрациями
Игры разума — мобильное приложение с иллюстрациями
Просмотр векторной иллюстрации фона
Векторная фоновая иллюстрация
Просмотр пейзажной иллюстрации
Пейзаж
Посмотреть Дизайн логотипа и фирменного фона для крипто-гоночной игры
Дизайн логотипа и фирменных фонов для криптогоночной игры
Посмотреть фон игры Волшебный лес
Волшебный лесной игровой фон
Вью Вэлли
Долина
Посмотреть фоны для пасьянса
Фоны для пасьянса
Просмотр Создайте свою идею!
Создайте свою идею!
Посмотреть проект Тигр .
5Проект «Тигр» .5
Посмотреть QNX / Веб-дизайн / 3D
QNX / Веб-дизайн / 3D
Посмотреть предысторию «Эра богов»
Фон «Эра богов»
Посмотреть виртуальный город будущего Метавселенной
Виртуальный город будущего Метавселенной
Просмотреть иллюстрацию игры Metaverse
Игра Метавселенная Иллюстрация
Посмотреть Стреляй и беги
Стреляй и беги
Посмотреть зал гильдии
зал гильдии
Просмотр GiB: Игровая аналитика
ГиБ: игровая аналитика
5Зарегистрируйтесь, чтобы продолжить или войдите
Загрузка еще…
экспорт — не знаю как добавить фон в 2d анимацию
$\begingroup$
Я не знаю, как добавить фон в 2D-анимацию, я пытался экспортировать изображение, но это происходит.
Также, когда я нажимаю F12 для тестирования, я не вижу изображение (фон)
- анимация
- экспорт
- изображение 3 2 $\endgroup$
3
$\begingroup$
Blender является 3D-программой, поэтому в 3D-рендеринге нет концепции 2D-фона. Теоретически вы можете добавить 2D-фон позади визуализированного изображения с помощью узлов композитинга, но я думаю, вам было бы более интересно увидеть свой фон в окне просмотра.
Таким образом, решение состоит в том, чтобы буквально добавить 3D-плоскость в 3D-пространство, текстурированное вашим фоновым изображением.
Судя по вашему планировщику, вы добавили свой фон как пустой объект изображения. Объекты такого типа не подлежат рендерингу, поскольку они предназначены для использования только в качестве справочного содержимого для создания ресурсов, а не для фактического рендеринга.