Dibujo de terreno nivelado 2D de desplazamiento lateral grande


12

Soy un programador relativamente bueno, pero ahora que se trata de agregar algunos niveles básicos a mi juego 2D, estoy un poco atascado.

Lo que quiero hacer: un nivel de prueba aceptable, grande (8000 * 1000 píxeles) de "colinas verdes" para mi juego.

  • ¿Cuál es la mejor manera de hacer esto?

No tiene que verse bien, simplemente no debería verse como si estuviera hecho en pintura MS con la herramienta de línea y cubo de pintura.

Básicamente debería ser barro con hierba encima, en forma de colinas.

Pero, ¿cómo debo dibujarlo? No puedo simplemente sacar la herramienta de lápiz y comenzar a dibujarlo píxel por píxel, ¿verdad?


2019, la pregunta sigue siendo real :)
Город

Respuestas:


20

Photoshop tiene efectos de capa que se pueden usar para dibujar niveles atractivos realmente rápido. No sé si eso funcionaría con GIMP, pero aquí hay algunos pasos sobre cómo obtener algo en la pantalla rápidamente con Photoshop:

Instrucciones

  1. Consigue texturas de tierra y hierba. El que estoy usando en mi ejemplo son de este conjunto de texturas libres .
  2. Abra una textura sucia en Photoshop. Seleccionar todo Ctrl-Ay copiar Ctrl-C. Luego seleccione Edit > Define Pattern...del menú. Nombre su patrón "Dirt".
  3. Haga lo mismo para la textura Hierba, asígnele el nombre "Hierba".
  4. Cree una nueva capa en Photoshop y aplique el efecto Pattern Overlayy Strokea su capa. Seleccione el patrón "Dirt" para la superposición y el patrón "Grass" para su Stroke (vea las imágenes a continuación).
  5. Pinte con cualquier pincel en su capa ... en lugar de tener un solo color aburrido, debería renderizarse como un paisaje, gracias a los efectos de capa. La belleza de esto es que puede agregar / eliminar libremente partes de su paisaje utilizando herramientas de dibujo regulares como el pincel o el borrador.
  6. (opcional) Dibuje un degradado de azul oscuro (arriba) a azul claro (abajo) en la capa de fondo para su cielo (también puede usar efectos de capa para eso).
  7. (opcional) Agregue algunos efectos de capa más, como un degradado y sombra paralela a su capa de "paisaje" para lograr una mejor apariencia.

Imágenes

Configuración de superposición de patrones

Configuración de superposición de patrones de Photoshop

Configuración de trazo

Configuración de trazo de Photoshop

Resultado final

Con algunos efectos de capa más y un fondo.

imagen final

También puede descargar el archivo PSD aquí para echarle un vistazo.


1
y solo tienes una gran imagen para todo el nivel?
Spooks

1
Sí, puedes almacenarlo para todo el nivel; Separaría el fondo, los objetos, etc. de las colinas reales. Para la detección de colisiones, puede usar la capa alfa. +1 para arte técnico increíble :)
cenizas999

4

Muchos juegos de plataformas y juegos de todo tipo utilizan un sistema de niveles basado en fichas, donde cada nivel está formado por una cuadrícula de fichas, a veces en varias capas. Es posible que tenga varios mosaicos de "superficie de césped", varios mosaicos de barro, etc. Luego, en lugar de dibujar una imagen enorme, coloca los mosaicos en un mapa. Tiende a ahorrar espacio en la textura, entre otras cosas.

Los juegos 2D más avanzados tienen un enfoque similar, pero con grandes "sellos" que se pueden mover, rotar y / o escalar libremente para compensar un nivel y no se adhieren a una cuadrícula como en la técnica basada en fichas. Aquaria usa este método.


2

Si no le importa que parezca un poco aburrido, puede dibujar un montón de círculos de diferentes tamaños a lo largo de una línea plana (su plano de tierra) e inundarlos. Luego puede regresar y dibujar una caja marrón que cubra el parte "subterránea" del mapa, y luego agregue pequeños toques de tierra para encontrar las curvas superiores del círculo. Luego, puede hacer un pase detallado para agregar hierba o lo que sea (muy fácil si tiene Photoshop con los diferentes pinceles).

¿Que ayuda?


2

Recomiendo encarecidamente que obtenga una copia de Paint.NET gratis, y 100 veces mejor que MS Paint, tiene algunas herramientas básicas para facilitar la generación de arte en el sentido que está buscando.

Le permitirá, por ejemplo, hacer una selección y llenar toda la selección con un color / gradiente determinado, esto le ahorrará el uso de la herramienta de lápiz y dibujar píxel por píxel.

Ni siquiera está cerca del photoshop, pero es excelente para este tipo de casos de uso, donde buscas arte de estilo básico.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.