Como criar uma textura básica
Esse documento demonstra como usar o Editor de Imagem para criar uma textura básica.
Este documento demonstra estas atividades:
Definindo o tamanho de textura
Definindo o primeiro plano e as cores de plano de fundo
Usando o canal alfa (transparência)
Usando as ferramentas de Preenchimento e de Elipse
Configurando propriedades de ferramenta
Criando uma textura básica
Você pode usar o editor de imagem para criar e modificar imagens e texturas para executar ou seu aplicativo.
As etapas a seguir mostram como criar uma textura que representa um destino de bullseye “”. Quando você terminar, a textura deverá ser semelhante à imagem a seguir. Para demonstrar melhor a transparência textura, no editor de imagem foi configurado para usar um verde, quadriculado padrão para exibi-lo.
.png "Destino de \"Bullseye\" com transparência mostrado em verde")
Antes de começar, verifique se a janela de Propriedades será exibida. Você usa a janela de Propriedades para definir o tamanho da imagem, altera as propriedades da ferramenta, e especificar cores quando você trabalhar.
Para criar um “bullseye” textura a atingir
Crie uma textura para trabalhar. Para obter informações sobre como adicionar textura ao seu projeto, consulte a seção Introdução em Editor de Imagem.
Definir o tamanho da imagem a 512x512 pixels. Na janela de Propriedades , defina os valores das propriedades de Largura e de Altura a 512.
Na barra de ferramentas do editor de imagem, escolha a ferramenta de Preenchimento . A janela de Propriedades agora exibe as propriedades da ferramenta de Preenchimento junto com as propriedades da imagem.
Definir a cor de primeiro plano para preto completa transparente. Na janela Propriedades, no grupo de propriedades Cores, selecione Primeiro plano. Definir os valores de R, de G, de B, e propriedades de A ao lado do selecionador da 0cor.
Na barra de ferramentas do editor de imagem, escolha a ferramenta de Preenchimento , e depois pressione e mantenha a tecla Shift e escolher qualquer ponto da imagem. Usar a tecla Shift faz com que o alfa valor da cor de preenchimento substitui a cor da imagem; caso contrário, o valor alfa é usado para combinar a cor de preenchimento junto com a cor da imagem.
Importante
Esta etapa, junto com a seleção de cor na etapa anterior, garante que a imagem de base seja preparado para a textura de destino “bullseye” que você desenhará.Quando a imagem é preenchida com transparente preto- e porque a borda de destino é preta - não há nenhum artefato de alias em torno de destino.
Na barra de ferramentas do editor de imagem, escolha a ferramenta de Elipse .
Definir a cor de primeiro plano para preto completa opaco. Definir os valores das propriedades R, G, e B para 0 e o valor da propriedade A para 255.
Definir a cor do plano de fundo em branco completa opaco. Na janela Propriedades, no grupo de propriedades Cores, selecione Plano de Fundo. Definir os valores de R, de G, de B, e propriedades de A a 255.
Definir a largura do esboço de reticências. Na janela Propriedades, no grupo de propriedades Aparência, defina o valor da propriedade Largura para 8.
Certifique-se de que a suavização está habilitada. Na janela de Propriedades , no grupo de propriedades Aparência , verifique se a propriedade de Antialias está definida.
Usando a ferramenta de Elipse , desenhar um círculo da coordenada x da (3, 3) coordenada de x (508, 508). Para desenhar mais facilmente o turno, você pode pressionar e pressione a tecla SHIFT quando você chamar.
Dica
As coordenadas de pixel do local atual do ponteiro são exibidas na barra de status de Visual Studio .
Alterar a cor do plano de fundo. Definir R a 44, G a 165B , a 211, e A a 255.
Desenhar outro círculo da coordenada x da (64, 64) coordenada de x (448, 448).
Alterar a cor do plano de fundo de volta em branco completa opaco. Definir R, G, B, e A a 255.
Desenhar outro círculo da coordenada x da (128, 128) coordenada de x (384, 384).
Alterar a cor do plano de fundo. Definir R a 255, G e B a 64, e A a 255.
Desenhar outro círculo da coordenada x da (192, 192) coordenada de x (320, 320).
A textura de destino “bullseye” está cheio. Aqui está a imagem final, mostrada a transparência.
.png "A textura de destino completo \"bullseye\"")
Como uma próxima etapa, você pode gerar níveis de MIP para essa textura. Para obter informações, consulte Como criar e modificar níveis MIP.