Comment : créer une texture de base
Ce document montre comment utiliser l'éditeur d'images pour créer une texture de base.
Ce document démontre les activités suivantes :
Définition de la taille de la texture
Définition du premier plan et les couleurs d'arrière-plan
À l'aide de le canal alpha (transparence)
À l'aide de les outils Remplissage et de Ellipse
Définition des propriétés de l'outil
Création d'une texture de base
Vous pouvez utiliser l'Éditeur d'images pour créer et modifier des images et des textures pour votre jeu ou application.
Les étapes suivantes indiquent comment créer une texture qui représente une cible « boudine ». Lorsque vous avez terminé, la texture doit ressembler à l'image suivante.Pour mieux illustrer la transparence dans la texture, l'Éditeur d'images a été configuré pour utiliser un vert, modèle à carreaux pour l'afficher.
.png "Cible « Bullseye » avec la transparence illustrée en vert")
Avant de commencer, assurez-vous que la fenêtre Propriétés s'affiche.Vous utilisez la zone Propriétés pour définir la taille de l'image, pour modifier les propriétés d'outil, et spécifier des couleurs pendant que vous travaillez.
Pour créer une texture de cible « boudine »
Créez une texture pour utiliser.Pour plus d'informations sur l'ajout d'une texture à votre projet, consultez la section de Mise en route dans Éditeur d'images.
Définissez la taille de l'image en pixels 512x512.Dans la fenêtre Propriétés, définissez les valeurs des propriétés Largeur et de Hauteur valeur 512.
Dans la barre d'outils Éditeur d'images, choisissez l'outil Remplissage .La fenêtre Propriétés affiche maintenant les propriétés de l'outil Remplissage avec les propriétés d'image.
Définissez la couleur de premier plan en noir entièrement transparent.Dans la fenêtre Propriétés, dans le groupe de propriétés Couleurs, sélectionnez Premier plan.Définissez les valeurs des propriétés R, G, B, et d' A en regard de le sélecteur de couleurs à 0.
Dans la barre d'outils Éditeur d'images, choisissez l'outil Remplissage, puis maintenez enfoncée la touche MAJ enfoncée et sélectionnez tout point dans l'image.À l'aide de la touche MAJ pour substituer la valeur alpha de la couleur de remplissage la couleur de l'image ; sinon, la valeur alpha est utilisée pour fusionner la couleur de remplissage avec la couleur de l'image.
Important
Cette étape, ainsi que la sélection des couleurs à l'étape précédente, garantit que l'image disque de base est préparée pour la texture de cible « boudine » que vous dessinerez.Lorsque l'image est remplie avec transparent noir- et que la bordure de la cible est noir (il ne sera pas d'artefact de crénelage autour de la cible.
Dans la barre d'outils Éditeur d'images, choisissez l'outil Ellipse .
Définissez la couleur de premier plan en noir entièrement opaque.Définissez les valeurs des propriétés R, G, et de B à 0 et de la valeur de la propriété A valeur 255.
Définissez la couleur d'arrière-plan au blanc entièrement opaque.Dans la fenêtre Propriétés, dans le groupe de propriétés Couleurs, sélectionnez Arrière-plan.Définissez les valeurs des propriétés R, G, B, et d' A valeur 255.
Définissez la largeur du contour de l'ellipse.Dans la fenêtre Propriétés, dans le groupe de propriétés Apparence, affectez à la propriété Largeur valeur 8.
Assurez-vous que l'anticrénelage est activé.Dans la fenêtre Propriétés, dans le groupe de propriétés Apparence, assurez-vous que la propriété Anti- alias est définie.
À l'aide Ellipse, dessinez un contrôle circle de la coordonnée en pixels (3, 3) à la coordonnée en (508, 508)pixels.Pour dessiner un cercle plus facilement, vous pouvez appuyer sur la touche et maintenez la touche MAJ enfoncée pendant que vous dessinez.
[!REMARQUE]
Les coordonnées en pixels de l'emplacement actuel du pointeur sont affichées dans la barre d'état d' Visual Studio .
Modifiez la couleur d'arrière-plan.Définissez R valeur 44, G valeur 165, B sur 211, puis A valeur 255.
Dessinez un autre contrôle circle de la coordonnée en pixels (64, 64) à la coordonnée en (448, 448)pixels.
Modifiez la couleur d'arrière-plan au blanc entièrement opaque.Définissez R, G, B, et A valeur 255.
Dessinez un autre contrôle circle de la coordonnée en pixels (128, 128) à la coordonnée en (384, 384)pixels.
Modifiez la couleur d'arrière-plan.Définissez R valeur 255, G et B sur 64, puis A valeur 255.
Dessinez un autre contrôle circle de la coordonnée en pixels (192, 192) à la coordonnée en (320, 320)pixels.
La texture de cible « boudine » est terminée.Voici l'image finale, illustrée avec la transparence.
.png "Texture cible « Bullseye » complète")
Comme l'étape suivante, vous pouvez générer des niveaux de MIP pour cette texture.Pour plus d'informations, consultez Comment : générer des niveaux mip.