La gestion de l’affichage des sprites peut souvent mener à des déformations indésirables.
Ces déformations et répétitions visuelles peuvent nuire à l’esthétique et à la fluidité de votre projet.
L’article explore les options du Draw Mode pour offrir une flexibilité maximale dans l’affichage des sprites, en évitant ces problèmes.
Devenez expert en animation 2D et design de niveaux avec Unity.
Les options du Draw Mode dans le composant Sprite Renderer permettent de modifier l’affichage des sprites, en ajustant la manière dont ils se répètent, se redimensionnent ou se découpent. Cela offre une grande flexibilité et permet de résoudre plusieurs problèmes courants, comme la répétition indésirable d’une texture ou l’adaptation d’un sprite aux dimensions spécifiques d’une zone sans le déformer.
Solutions via Options du Draw Mode
Les différents modes de Draw Mode permettent d’éviter certains désagréments :
- Déformation des Sprites :Redimensionner un sprite sans qu’il ne perde ses proportions d’origine.
- Répétition Optimisée des Textures :Répéter une texture (comme un sol ou un mur) sans interruption visuelle.
- Contrôle des Bords de Sprite :Adapter des sprites rectangulaires sans déformer les bords, en utilisant des options comme le Mode 9-Slice.
Voici quelques propriétés du Draw Mode et Options Associées :
Propriété | Description |
---|---|
Draw Mode | Détermine la manière dont le sprite est affiché : Simple, Tiled, ou Sliced. |
Tile Mode | Si Draw Mode est sur Tiled, spécifie comment la texture est répétée. |
Adaptive Mode | Réglage optionnel pour adapter la taille du sprite selon la zone. |
Size | Ajuste les dimensions du sprite dans les modes Tiled et Sliced. |
Border | Spécifie les bordures du sprite en mode Sliced, évitant leur redimensionnement en répétant le contenu central. |
Pixels Per Unit | Définit la résolution du sprite en pixels par unité. |
Adaptive Threshold | Précise le seuil de changement dans le mode Tiled pour éviter les artefacts visuels. |
Lorsque vous changez le Draw Mode, il est souvent nécessaire de configurer certains paramètres dans le Sprite Import Settings. Par exemple, ajustez la propriété Mesh Type. Mettez la sur Full Rect pour que le sprite occupe toute sa zone de dessin, et pour une meilleure répétition en mode Tiled.
Prenons quelques exemples pratiques avec deux Sprites fournies dans les ressources : “Floor” et “Box”. Au besoin, initialisez l’option Texture Type à Sprite.
Sprite Renderer : Mode Tiled
Sélectionnez le sprite Floor dans le projet et placez le sur la scène. Pour l’option Draw Mode , Choisissez Tiled pour que le sprite se répète sans interruption visuelle. Dans le Sprite Editor, définissez les parties du sprite à répéter , en marquant la partie haute du sprite pour qu’elle ne soit pas répétée.
Vous pouvez à présent étendre le sprite horizontalement ou verticalement sans déformer le haut de l’image. Ce procédé permet d’avoir un sol qui s’étend naturellement et qui conserve ses proportions.
Sprite Renderer : Mode Sliced
Sélectionnez le sprite Box et définissez son Draw Mode sur Sliced . Ce mode utilise le 9-Slice , qui permet de découper le sprite en neuf sections : quatre coins, quatre bords, et une zone centrale.
Dans le Sprite Editor , définissez les zones des bords de la boîte pour qu’elles ne soient pas étirées lorsque le sprite est redimensionné.
Grâce à ce mode, la boîte peut être redimensionnée tout en conservant l’intégrité visuelle de ses bords. Le mode Sliced est idéal pour des objets comme des panneaux ou des conteneurs qui doivent s’adapter à différentes tailles sans étirer les bords.
Passons maintenant à l’utilisation de l’outil Sprite Shape pour encore plus de flexibilité dans le design et l’édition des formes 2D.
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui.
FAQ
Comment éviter la déformation des sprites ?
Comment optimiser la répétition des textures ?
Qu'est-ce que le mode Sliced et comment l'utiliser ?
Quels paramètres ajuster lors du changement de Draw Mode ?
Comment utiliser le Sprite Editor pour configurer les sprites ?
Conclusion
En explorant les options du Draw Mode, vous pouvez améliorer considérablement l’affichage de vos sprites. Quel mode envisagez-vous d’adopter pour votre prochain projet afin d’optimiser l’affichage des sprites ?