Как сделать префабы поверх фона?

@Nebiros · Регистрация: 23.03.2010

Студворк — интернет-сервис помощи студентам

делаю такую вот иерархию
Canvas
--BackGround
--Board
В BackGround панель с картинкой (фон) (слой 0)
В Board при запуске выводятся префабы (слои от 5 до 10)
Но префабов не видно, они под фоном получаются, Как сделать правильно?

Кстати выводом 3D текста в префабе тоже самое, текст под всеми картинками получается...

@MuaddibFremen · 29.12.2020, 14:23

Nebiros, я надеюсь это (BackGround / Board) у вас компонент Image?

Добавлено через 45 секунд

Сообщение от Nebiros

префабов

это тоже элементы UI ?

Добавлено через 58 секунд
откройте префаб в инспекторе и покажите картинку с инспектором

@Nebiros · 29.12.2020, 14:37 **[ТС]**

Сообщение от MuaddibFremen

Nebiros, я надеюсь это (BackGround / Board) у вас компонент Image?

это панели, в BackGround добавлена картинка с фоном, Board это панель без картинки и в нем выводятся префабы (спрайты)

@MuaddibFremen · 29.12.2020, 14:46

Сообщение от Nebiros

Board это панель без картинки и в нем выводятся префабы (спрайты)

спрайт выводится каким компонентом?
Image
Sprite Renderer

@Nebiros · 29.12.2020, 14:49 **[ТС]**

Сообщение от MuaddibFremen

спрайт выводится каким компонентом?
Image
Sprite Renderer

C#
1
2
Cells[yx] = Instantiate(cell, new Vector3(StartPosX + (OffsetPos * x), StartPosY + (OffsetPos * y), 0), Quaternion.identity) as Cell;
Cells[yx].transform.parent = PanelBoard.transform;

вот как то так инстантятся...

@MuaddibFremen · 29.12.2020, 15:26

Сообщение от Nebiros

cel

так вот эта ячейка отображается чем?

Сообщение от Nebiros

Image
Sprite Renderer

?

я просто чего спрашиваю. еслои это все канвасные элементы то проблем нет.
если эти ячейки НЕ канвас но засунут в канвас то вот и проблема

Добавлено через 1 минуту

Сообщение от MuaddibFremen

откройте префаб в инспекторе и покажите картинку с инспектором

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

@Nebiros · 29.12.2020, 15:32 **[ТС]**

Сообщение от MuaddibFremen

я просто чего спрашиваю. еслои это все канвасные элементы то проблем нет.
если эти ячейки НЕ канвас но засунут в канвас то вот и проблема

Не понял что имеется ввиду.
Эти ячейки это префабы Cell, состоят они из простого объекта (transform), в него помещены еще объекты в которых есть спрайтрендеры с картинками, к канвасу прикреплен скрипт в котором инициализируются эти префабы.
Иерархия выглядит так
Canvas <-- сюда прикреплен скрипт CanvasBoard
--BackGround
--Board
инициализация в скрипте

C#
1
2
3
4
5
public class CanvasBoard : MonoBehaviour{
    public Cell cell;
.....................
Cells[yx] = Instantiate(cell, new Vector3(StartPosX + (OffsetPos * x), StartPosY + (OffsetPos * y), 0), Quaternion.identity) as Cell;
Cells[yx].transform.parent = PanelBoard.transform;

Может я непонял вашего вопроса, но вот расписал как у меня это происходит...

@Nebiros · 29.12.2020, 15:46 **[ТС]**

вот как то так

@MuaddibFremen · 29.12.2020, 15:58

Сообщение от Nebiros

вот как то так

о чем я и говорю. у вас там transform вместо RectTransform

Добавлено через 40 секунд
когда делаете префаб для UI то делайте ее с канвас элемента

@Nebiros · 29.12.2020, 16:13 **[ТС]**

Сообщение от MuaddibFremen

о чем я и говорю. у вас там transform вместо RectTransform
Добавлено через 40 секунд
когда делаете префаб для UI то делайте ее с канвас элемента

такс, поменял на RectTransform, теперь предупреждение и префабов все еще не видно

HTML5
1
2
Parent of RectTransform is being set with parent property. Consider using the SetParent method instead, with the worldPositionStays argument set to false. This will retain local orientation and scale rather than world orientation and scale, which can prevent common UI scaling issues.
UnityEngine.Transform:set_parent(Transform)

Похоже теперь нужно сам префаб перестраивать...

@MuaddibFremen · 29.12.2020, 16:14

Сообщение от Nebiros

Похоже теперь нужно сам префаб перестраивать...

я думаю просто заменить не получится. да именно заново создать попробуйте

@Nebiros · 29.12.2020, 16:15 **[ТС]**

может еще трансформ оставить а через скрипт добавить наследование от холста, или как?

@MuaddibFremen · 29.12.2020, 16:15

Сообщение от Nebiros

теперь предупреждение

это просто исправить) сделайте что вас просят

@Nebiros · 29.12.2020, 16:37 **[ТС]**

Сообщение от MuaddibFremen

это просто исправить) сделайте что вас просят

Вот я не совсем понимаю что меня просят сделать....

Добавлено через 2 минуты
холст у меня оверлей

Добавлено через 17 минут
на ту строку что указывает находится

C#
1
Cells[yx].transform.parent = PanelBoard.transform;

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

C#
1
Cells[yx].transform.SetParent(PanelBoard.transform);

только это ничего не дает...

Добавлено через 1 минуту
если быть точнее то предупреждение исчезло а префабы все еще не видно, попробую по новой префаб создать..

@MuaddibFremen · 29.12.2020, 16:47

Сообщение от Nebiros

предупреждение исчезло

Сообщение от MuaddibFremen

это просто исправить

я про это и говорил

Сообщение от Nebiros

попробую по новой префаб создать..

да вот жду уже, жду... и снова жду)))

@Nebiros · 29.12.2020, 17:06 **[ТС]**

вот тестовый префаб сразу на сцену кинул

все тоже самое, что я делаю не так?

@MuaddibFremen · 29.12.2020, 17:14

очень странно.
а накидать пустой проект с канвасом и нужными элементами и сюда кинуть?

@Nebiros · 29.12.2020, 17:23 **[ТС]**

Сообщение от MuaddibFremen

а накидать пустой проект с канвасом и нужными элементами и сюда кинуть?

вот набросал, вроде все тоже самое
Assets.rar

@MuaddibFremen · 29.12.2020, 17:43

говоили говорили) и всеравно
замените у CellEmpty компонент Sprite Reneder на Image
спрайт ваш выставьте
нажмите Set Native Size и будет вам счастье. правда еще координаты в ноль сбейте

Добавлено через 3 минуты
но я думаю если вы хотите делать всякие вкусняшки в виде эффектов, то вам не стоит это делать на канвасе...

@Nebiros · 29.12.2020, 18:05 **[ТС]**

Сообщение от MuaddibFremen

замените у CellEmpty компонент Sprite Reneder на Image
спрайт ваш выставьте

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

C#
1
Cells[yx] = Instantiate(cell, new Vector3(StartPosX + (OffsetPos * x), StartPosY + (OffsetPos * y), 0), Quaternion.identity) as Cell;

позиции устанавливались по ячейкам, а теперь вот, как это поправить?

Добавлено через 16 минут
Пошел от обратного, за место image для фона сделал SpriteRenderer...

Поиграюсь еще с ним, ну хоть не переделывать все, заменить фон легче чем все остальное перестраивать....

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 31.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 30.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@Nebiros 41 / 40 / 16 Регистрация: 23.03.2010 Сообщений: 3,122

	Как сделать префабы поверх фона? 29.12.2020, 13:10. Показов 4211. Ответов 21 Метки unity (Все метки) делаю такую вот иерархию Canvas --BackGround --Board В BackGround панель с картинкой (фон) (слой 0) В Board при запуске выводятся префабы (слои от 5 до 10) Но префабов не видно, они под фоном получаются, Как сделать правильно? Кстати выводом 3D текста в префабе тоже самое, текст под всеми картинками получается... 0

@Nebiros 41 / 40 / 16 Регистрация: 23.03.2010 Сообщений: 3,122
	29.12.2020, 15:46 [ТС]
	вот как то так 0

@Nebiros 41 / 40 / 16 Регистрация: 23.03.2010 Сообщений: 3,122
	29.12.2020, 16:15 [ТС]
	может еще трансформ оставить а через скрипт добавить наследование от холста, или как? 0

@Nebiros 41 / 40 / 16 Регистрация: 23.03.2010 Сообщений: 3,122
	29.12.2020, 17:06 [ТС]
	вот тестовый префаб сразу на сцену кинул все тоже самое, что я делаю не так? 0

@MuaddibFremen 250 / 186 / 68 Регистрация: 04.03.2019 Сообщений: 1,010
	29.12.2020, 17:14
	очень странно. а накидать пустой проект с канвасом и нужными элементами и сюда кинуть? 1

@MuaddibFremen 250 / 186 / 68 Регистрация: 04.03.2019 Сообщений: 1,010
	29.12.2020, 17:43
	Сообщение было отмечено Nebiros как решение Решение говоили говорили) и всеравно замените у CellEmpty компонент Sprite Reneder на Image спрайт ваш выставьте нажмите Set Native Size и будет вам счастье. правда еще координаты в ноль сбейте Добавлено через 3 минуты но я думаю если вы хотите делать всякие вкусняшки в виде эффектов, то вам не стоит это делать на канвасе... 1

Как сделать префабы поверх фона?

Решение