Tout en échelle, jamais en pixels
Une taille en pixels donne un bouton minuscule sur une tablette et énorme sur un téléphone. Utilise UDim2 en Scale pour les positions et les tailles, et laisse les pixels aux bordures et aux marges.
UIAspectRatioConstraint garde les proportions d'un panneau, et UITextSizeConstraint empêche un texte de devenir illisible quand le cadre rétrécit.
Le pouce n'atteint pas tout l'écran
Sur téléphone, les coins supérieurs sont difficiles à atteindre et le bas de l'écran est occupé par les commandes de déplacement et de saut. Les boutons fréquents vont sur les côtés, à mi-hauteur.
Une cible tactile fait au moins 44 points de côté. En dessous, le joueur rate, puis recommence, puis arrête.
- Boutons fréquents : bords gauche et droit, à mi-hauteur.
- Informations : haut de l'écran, sans jamais couvrir le viseur ou le personnage.
- Rien d'important sous le pouce, là où vivent les commandes Roblox.
Les pièges qui coûtent une soirée
AnchorPoint change le sens de Position : sans lui, centrer un panneau demande un calcul à chaque redimensionnement. Pose-le à (0.5, 0.5) et positionne au centre.
UIGradient teinte aussi le texte des enfants, et UIPadding décale tout ce qu'un cadre contient. Les deux produisent des bugs d'affichage qu'on cherche longtemps ailleurs.
IgnoreGuiInset évite qu'un élément se glisse sous la barre supérieure de Roblox. ZIndex ne fonctionne qu'à l'intérieur d'un même ScreenGui : deux ScreenGui se superposent selon leur DisplayOrder.
L'interface n'est pas de la logique de jeu
Un script d'interface affiche et envoie des intentions ; il ne décide de rien. Le solde, l'inventaire et les droits viennent du serveur. Une UI qui calcule elle-même un prix finit par afficher autre chose que ce que le serveur facture.
Questions fréquentes
Faut-il construire l'UI à la main dans Studio ou par script ?
Par script pour tout ce qui se répète (listes, cartes d'objets), à la main pour la mise en page de fond. Un HUD entièrement construit par script reste modifiable sans rouvrir Studio.
Comment tester sans téléphone ?
L'émulateur d'appareil de Studio suffit pour l'échelle et l'ancrage. Il ne reproduit pas la précision du doigt : garde des cibles généreuses.