Discussion :

[Quelquun000]

Bonjour,
Alors, je suis débutant sur Unity et notamment sur les UI et j'ai un petit soucis quand je Build et Run mon projet sur mon portable.
Sur la scène d'Unity j'ai une canvas avec un text, etc:



Quand je Play sur Unity ceci:



Mais pourtant quand je le lance sur mon smartphone ça me donne ça et je ne comprend pas pourquoi:



Le text est au milieu et les boutons sont trop petit alors que sur Unity tout est parfait.

Je n'arrive pas à régler le problème si vous pouvez m'aider merci.

[PixelJuice]

Bonjour,

Dans Unity, par défaut les paramètres de ton canvas sont basés sur la taille comme tu peux le voir



Précisément



Du coup comme ton téléphone n'a pas la même résolution que celle dans Unity, bingo, ça apparaît plus petit.

Il te faut donc mettre en mode Scale with Screen Size afin de, comme son nom l'indique, mettre à l'échelle selon la taille de l'écran. Tu mets ta résolution de référence, tu changes la taille de tes éléments pour les adapter aux nouvelles options et ça devrait marcher.

[Quelquun000]

Déjà merci pour ton aide si rapide (et désolé du retard ^^'), j'ai essayé ta méthode et oui ça a l'aire de marcher enfin j'ai encore quelques problèmes comme sur le text en haut qui ne se position pas comme il le faut:
Pourtant j'ai bien mis le Scale With Screen Size avec Reference Resolution : x: 400 et y: 800










Et aussi un autre petit problème c'est que entre le Text et le level selector j'ai comme une différence de couleurs, sur la partie du texte la couleurs est plus sombre que celle en bas:




Je te remercie encore pour ton aide et si tu as 2,3 tuto sur l'UI sa serait cool parce que avec mon niveau actuellement je ne risque pas d'aller loin

[PixelJuice]

Bonsoir,

Pour ce qui est du défaut de position, essaye de changer le point d'ancrage de ton texte, ça peut être la solution. En règle générale, il est toujours préférable de le faire, comme ça ton UI est un minimum responsive.

Change cette propriété dans ton component Rect Transform



De cette manière, ton texte restera collé au sommet de l'écran, quelle que soit la résolution ou la taille de celui-ci. Petite astuce, quand tu modifies cette propriété, appuie sur la touche ALT pour accèder a d'autres options, comme ceci :



Si le problème persiste, joue avec la résolution de référence, mais en gros a part ces quelques paramètres, il n'y a pas grand chose a faire pour avoir le même rendu sur PC que sur mobile niveau UI.

En ce qui concerne ton problème de couleur, est ce que ce n'est pas une différence entre la couleur de fond et celle de la caméra par défaut ? Ce n'est sûrement qu'une petite broutille dans le genre.

[Quelquun000]

Oh sa marche , MERCI beaucoup pour ton aide t'a géré, j'ai réussi à mettre mon texte la où il le faut et pour la couleur sur la partie du bas y'avais une couleur blanche à moitié transparent, pour régler le problème je l'ai mis a 100% transparent. En tout cas merci encore pour ton aide