От чего могут быть несовпадения изображения?

Question

[Zimaell]

Пытаюсь разобраться с пропорциями и постановкой позиций панелей и картинок, вот сделал такой тест, холст - scale with screen size, вот что получается в юнити и на телефоне


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

Comments

[Qugurun]

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

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class CameraController : MonoBehaviour
{
  public int Mobile = 640;
  public int Tablet = 852;

  void Start()
  {
    if (Camera.main.pixelHeight > Camera.main.pixelWidth){
      //PORTRAIT
      float ratio =  (float) Camera.main.pixelHeight/Camera.main.pixelWidth;
      if (ratio >= 1.5f)
      {
        Camera.main.orthographicSize = (float) (Mobile*ratio)/200f;
      }
      else
      {
        Camera.main.orthographicSize = (float) (Tablet*ratio)/200f;
      }
    }
    else
    {
      //LANDSCAPE
      float ratio =  (float) Camera.main.pixelWidth/Camera.main.pixelHeight;
      if (ratio >= 1.5f)
      {
        Camera.main.orthographicSize = (float) Mobile/200f;
      }
      else
      {
        Camera.main.orthographicSize = (float) Tablet/200f;
      }
    }
  }

}

Для UI настроить канвас по аналогии.
Canvas - Render Mode - Screen Space - Camera

Перетащить в поле свою камеру.
Canvas - Render Mode - Render Camera - Main Camera (Camera)

Canvas Scaler - UI Scale Mode - Scale Width Screen Size
Canvas Scaler - Reference Rezolution - x640 - y 1136
Canvas Scaler - Match - 0
Canvas Scaler - Reference Pixels Per Unit - 100

И на канвас повесить скрипт:
Он будет немного зумить исходя из его настроек и личных предпочтений:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class canvasController : MonoBehaviour
{
    private int mobile = 640;
    private int tablet = 852;

    private void Start()
    {
        Camera _camera = Camera.main;
        float aspect = (float) _camera.pixelHeight/_camera.pixelWidth;

        //--------------------------------------------------------------------------
        Canvas _canvas = this.GetComponent<Canvas>();
        _canvas.renderMode = RenderMode.ScreenSpaceCamera;
        _canvas.worldCamera = _camera;

        //--------------------------------------------------------------------------

        if (aspect >= 1.5f)
        {
            GetComponent<CanvasScaler>().referenceResolution = new Vector2(mobile, mobile*_camera.pixelHeight/_camera.pixelWidth);
        }
        else
        {
            GetComponent<CanvasScaler>().referenceResolution = new Vector2(tablet, tablet*_camera.pixelHeight/_camera.pixelWidth);
        }
    }
}

Вот как это в живую выглядит у меня: Телефон и Планшет


Игровые элементы скриптом прижимаются к краям камеры.

Ещё можно воспользоваться данным решением: https://youtu.be/0cmxFjP375Y

Answer 1

[freeExec]

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

Comments

[Zimaell]

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

[Zimaell]

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