Texturas e decalques

*Este conteúdo é traduzido por IA (Beta) e pode conter erros. Para ver a página em inglês, clique aqui.

Um Texture é uma imagem que você pode colocar em qualquer face de uma parte ou união que se repete horizontal e verticalmente no tamanho da superfície. Em contraste, um Decal é uma imagem que se estica para se ajustar à área da superfície de uma parte ou união. Depois de adicionar um objeto Texture ou Decal a uma parte ou união, você pode:

  • Alterar a propriedade Color3 da textura ou decalque para definir um tom de cor usando códigos de cor RGB.

  • Alterar a propriedade Transparency da textura ou decalque para um valor entre o padrão de 0 (totalmente visível) e 1 (invisível).

  • Para uma textura, definir sua escala e offset.

Uma imagem de exemplo de textura de um hexágono azul claro sobre um fundo azul escuro.
Imagem de textura
A mesma textura repetida oito vezes em uma parte de bloco.
Textura aplicada a uma parte (repetindo)
Uma imagem de exemplo de decalque de um hexágono roxo claro sobre um fundo roxo escuro.
Imagem de decalque
O mesmo decalque esticado em uma parte de bloco.
Decalque aplicado a uma parte (esticado)

Criar texturas ou decalques

Para criar uma textura ou decalque, você deve adicionar um objeto Texture ou Decal a uma parte ou união. Você pode importar imagens para texturas e decalques no Studio para uso entre jogos, e distribuí-las para a Loja do Criador. Uma vez que você importa a imagem, o Studio atribui a ela um ID de ativo exclusivo.

Para adicionar uma textura ou decalque a uma parte ou união:

  1. Na janela Explorer, adicione um Texture ou Decal à parte ou união. Um objeto de textura ou decalque vazio será exibido na parte ou união com contorno laranja.

  2. Na janela Properties, navegue até a propriedade Face e escolha uma face (Top, Bottom, Front, Back, Left ou Right).

    • OPCIONAL
      Para ajudar a escolher a face correta, clique com o botão direito na parte/união e selecione Mostrar Indicador de Orientação. Isso exibe um círculo 🅕, uma linha azul conectada à face frontal do objeto e uma seta verde que aponta na direção da face superior do objeto.

  3. Selecione a propriedade ColorMapContent e aplique uma imagem através de qualquer um dos seguintes métodos:

    • Selecione qualquer textura ou decalque que você tenha enviado anteriormente.
    • Digite um ID de ativo no campo.
  4. OPCIONAL
    Defina um tom de cor clicando na pequena caixa à esquerda da propriedade Color3 ou digitando um código de cor RGB.

    Uma visão detalhada da propriedade Color3 com a pequena caixa de cor destacada.
    Uma visão detalhada da propriedade Color3 com o código RGB destacado.
    Uma parte de bloco com uma textura de hexágono azul repetido em sua face superior.
    Color3: [255, 255, 255]
    A mesma parte de bloco com uma textura de hexágono repetido em sua face superior, mas os hexágonos são rosa sobre um fundo roxo escuro.
    Color3: [255, 0, 100]
  5. OPCIONAL
    Defina a propriedade Transparency para qualquer valor entre o padrão de 0 (totalmente visível) e 1 (invisível).

Personalizar texturas

Diferente dos decalques, texturas fornecem funcionalidades adicionais para escalar, deslocar e animar a imagem fonte.

Escalar texturas

O tamanho da parte não afeta a textura. Em vez disso, escalar uma parte apenas aumenta ou diminui o número de vezes que a textura se repete.

As propriedades StudsPerTileU e StudsPerTileV determinam o tamanho de cada "tile" em studs. StudsPerTileU determina o tamanho horizontal da textura, enquanto StudsPerTileV determina o tamanho vertical da textura.

Textura em uma superfície de 8x6 studs com tamanho de cada tile em 2x2.

Deslocar texturas

Se você deseja mais controle sobre a posição de uma textura, desloque a textura ajustando as propriedades OffsetStudsU (horizontal) e OffsetStudsV (vertical). Isso também é útil para animação.

Textura 2x2 em uma superfície de 8x6 studs sem deslocamento.

Animar texturas

Usando TweenService, você pode tweenar propriedades de textura como OffsetStudsU e StudsPerTileV para alcançar superfícies animadas. Por exemplo, se você aplicar duas texturas de névoa a um container e anima-las com o script a seguir, você pode conseguir a aparência de uma névoa em movimento em camadas.

Duass texturas animadas perto do chão para simular um efeito de névoa em movimento

local TweenService = game:GetService("TweenService")
local texture1 = script.Parent.Texture1
local texture2 = script.Parent.Texture2
local tweenInfo1 = TweenInfo.new(8, Enum.EasingStyle.Sine, Enum.EasingDirection.InOut, -1)
local tween1 = TweenService:Create(texture1, tweenInfo1, {OffsetStudsV=50})
local tweenInfo2 = TweenInfo.new(7, Enum.EasingStyle.Sine, Enum.EasingDirection.InOut, -1, true)
local tween2 = TweenService:Create(texture2, tweenInfo2, {OffsetStudsU=50, StudsPerTileU=55, StudsPerTileV=45})
tween1:Play()
tween2:Play()

Streaming de texturas

Streaming de texturas carrega dinamicamente texturas com base na distância e no ângulo de visão da câmera, o que permite que você use texturas com mais liberdade sem se preocupar com a escala entre dispositivos. O motor carrega primeiro texturas de qualidade básica, em ordem de importância, e então aumenta progressivamente a qualidade de cada textura até a memória disponível no dispositivo. O streaming de texturas é ativado automaticamente, então você não precisa tomar nenhuma providência para se beneficiar disso.

Uma visualização mostrando um jogo com e sem streaming de texturas.
A mesma cena com e sem streaming de texturas

Benefícios

  • Tempos de carregamento percebidos mais rápidos e downloads menores: Texturas aparecem quase imediatamente com uma qualidade básica, e o motor baixa apenas os detalhes que precisa, comprimindo-os tanto em trânsito quanto no cache de disco local.
  • Maior qualidade onde importa: O motor estima continuamente quão importante cada objeto é, como pela quantidade de espaço na tela que ocupa, e usa o orçamento de memória nas texturas, para que os objetos mais proeminentes recebam o mais alto nível de detalhe.
  • Menos falhas por falta de memória: Como o motor se mantém dentro de um orçamento de memória e pode reduzir a qualidade da textura quando a memória está baixa, os jogadores têm muito menos probabilidade de falhar devido a picos de memória de textura.

O streaming de texturas funciona com MeshPart (com e sem pele), SurfaceAppearance, Texture, Decal, MaterialVariant, Beam, ParticleEmitter e os materiais básicos aplicados às instâncias de PartOperation e BasePart.

Melhores práticas

  • Prefira texturas únicas e individuais em vez de atlases de textura, a menos que o atlas seja aplicado a partes agrupáveis; solicitar uma resolução alta para uma textura em um atlas carrega o atlas inteiro naquela resolução.
  • Use densidade de texel quase uniforme em seus meshes mapeados em UV para que o motor possa selecionar a melhor resolução para cada textura.
  • Continue gerenciando a memória de textura cuidadosamente para tipos de instância que o streaming de texturas ainda não suporta.
©2026 Roblox Corporation, Roblox, o logotipo Roblox e Powering Imagination estão entre nossas marcas registradas e não registradas nos EUA e em outros países.