Desenhando grandes terrenos de nível 2D de sidecroller

12

Eu sou um programador relativamente bom, mas agora que se trata de adicionar alguns níveis básicos ao meu jogo em 2D, estou meio preso.

O que eu quero fazer: Um nível de teste aceitável e grande (8000 * 1000 pixels) "colinas verdes" para o meu jogo.

  • Qual é a melhor maneira de fazer isso?

Ele não precisa ficar ótimo, apenas não deve ter sido feito com tinta MS com a ferramenta linha e balde de tinta.

Basicamente, deve apenas lama com grama em cima, em forma de alguma forma de colinas.

Mas como desenhá-lo, não posso simplesmente pegar a ferramenta lápis e começar a desenhar pixel por pixel, posso?


fonte
2019, a questão ainda é real :) #
24419

Respostas:

20

O Photoshop possui efeitos de camada que podem ser usados ​​para desenhar níveis de boa aparência muito rapidamente. Não sei se isso funcionaria com o GIMP, mas aqui estão algumas etapas para obter algo na tela rapidamente usando o Photoshop:

Instruções

  1. Obtenha algumas texturas de sujeira e grama. O que eu estou usando no meu exemplo é desse conjunto de textura livre .
  2. Abra uma textura de sujeira no Photoshop. Selecione tudo Ctrl-Ae copie Ctrl-C. Em seguida, selecione Edit > Define Pattern...no menu. Nomeie seu padrão "Dirt".
  3. Faça o mesmo com a textura Grass, nomeie-o como "Grass".
  4. Crie uma nova camada no Photoshop e aplique o efeito Pattern Overlaye Strokeà sua camada. Selecione o padrão "Sujeira" para a sobreposição e o padrão "Grama" para o seu Stroke (veja as imagens abaixo).
  5. Pinte com qualquer pincel da sua camada ... em vez de ter uma única cor chata, ela deve renderizar como paisagem, graças aos efeitos da camada. A vantagem disso é que você pode adicionar / remover partes de sua paisagem livremente usando ferramentas de desenho regulares, como o pincel ou a borracha.
  6. (opcional) Desenhe um gradiente de azul escuro (em cima) a azul claro (em baixo) na camada de fundo do céu (você também pode usar efeitos de camada para isso).
  7. (opcional) Adicione mais efeitos de camada, como um gradiente e sombreamento, à camada "paisagem" para obter uma aparência melhor.

Imagens

Configurações de sobreposição de padrão

Configurações de sobreposição de padrões do Photoshop

Configurações de traçado

Configurações de traçado do Photoshop

Resultado final

Com mais alguns efeitos de camada e um plano de fundo.

imagem final

Você também pode baixar o arquivo PSD aqui para dar uma olhada.

bummzack
fonte
1
e você só tem uma imagem grande para todo o nível?
Assustadores
1
Sim, você pode armazená-lo para todo o nível; Eu separaria o fundo, os objetos etc. das colinas reais. Para detecção de colisão, você pode usar a camada alfa. +1 para arte técnica incrível :)
ashes999
4

Muitos jogos de plataforma e jogos de todos os tipos usam um sistema de níveis baseado em blocos, em que cada nível é composto de uma grade de blocos, às vezes em várias camadas. Você pode ter vários ladrilhos de "superfície da grama", vários ladrilhos de lama e assim por diante. Então, em vez de desenhar uma imagem enorme, você coloca os blocos em um mapa. Ele tende a economizar espaço de textura, entre outras coisas.

Os jogos 2D mais avançados adotam uma abordagem semelhante, mas com grandes "carimbos" que podem ser movidos, girados e / ou redimensionados livremente para formar um nível e não ficam presos a uma grade, como na técnica baseada em ladrilhos. Aquaria usa esse método.

Gregory Avery-Weir
fonte
2

Se você não se importa que pareça um pouco chato, basta desenhar um monte de círculos de tamanhos variados ao longo de uma linha plana (seu plano no solo) e preenchê-los com uma inundação. Depois, você pode voltar e desenhar uma caixa marrom cobrindo a parede. parte "subterrânea" do mapa e adicione pequenos toques de terra para encontrar as curvas superiores do círculo. Depois, você pode fazer um passe de detalhes para adicionar grama ou qualquer outra coisa (muito fácil se você tiver o Photoshop com os pincéis diferentes).

Isso ajuda?

ChrisE
fonte
2

Eu recomendo que você pegue uma cópia do Paint.NET gratuitamente e 100x melhor que o MS Paint - ele tem algumas ferramentas básicas para facilitar a geração de arte no sentido que você está procurando.

Ele permitirá, por exemplo, fazer uma seleção e preencher toda a seleção com uma determinada cor / gradiente; isso evitará o uso da ferramenta caneta e o desenho pixel por pixel.

Não é nem perto do photoshop, mas é excelente para esse tipo de caso de uso, onde você está procurando arte de estilo básico.

Nate
fonte