Cómo crear mosaicos isométricos inclinados (altura)

11

Quizás esto se explique mejor gráficamente. Estoy tratando de crear un juego isométrico 2.5D. Mi visión es que el juego se parezca a mi objetivo:

paisaje isometrico

No soy un artista gráfico, así que estoy teniendo problemas para crear los mosaicos "inclinados" para simular terrenos de diferentes alturas. Crear el mosaico isométrico básico fue fácil con los siguientes pasos:

  1. Crea una versión cuadrada de 64x64 del mosaico
  2. Rotar 45 grados
  3. Reduzca la altura por un factor de 2

Crear las fichas "inclinadas" es más un desafío. A mi disposición tengo Photoshop, pero estoy lejos de ser un experto en usarlo. Aquí está mi problema actual:

ingrese la descripción de la imagen aquí

No estoy seguro de cómo puedo manipular los vértices, de lo contrario esto sería fácil, pero básicamente, para obtener un mosaico "inclinado" de mi mosaico isométrico básico, todo lo que necesito hacer es mover el vértice inferior y el derecho hacia abajo en 16 píxeles , mientras arregla los otros dos vértices. Esto generaría el mosaico que quiero.

¿Cuál es una manera fácil de lograr esto? ¿Es Photoshop la herramienta adecuada para esto? ¿Alguna sugerencia?

tiles isometric Filip Jeremic
fuente
¿Qué sistema de gráficos utiliza su versión actual de directX, openGL o patentada por el motor? la respuesta básica sería almacenar vértices, y luego modificar los vértices según sea necesario (puede hacer esto como una matriz de 8 vectores), pero la forma en que los envía a la pantalla generalmente es con una utilidad / biblioteca de gráficos como directX, openGL
gardian06
Estoy usando SFML para representar los sprites en la pantalla, por lo que sería openGL. Estoy almacenando los sprites como mosaicos de 64x64 en el disco.
Filip Jeremic
@FilipJeremic, Hmm .. ¿Es este un juego de neopets?
Pacerier

Respuestas:

3

Puede crear los mosaicos si lo desea, utilizando Photoshop u otra cosa. Recomendaría un programa de dibujo vectorial, no un programa de dibujo de píxeles (no sé lo suficiente sobre Photoshop, etc., para saber lo que ofrece hoy en día).

Personalmente, le sugiero que no se moleste en crear mosaicos, sino que haga que el juego los dibuje utilizando su API de dibujo, será mucho más fácil (especialmente si se da cuenta de cuántos mosaicos diferentes necesitaría).

MarkR
fuente
No estoy seguro de estar de acuerdo con que el juego muestre los mosaicos para usted a menos que su motor / marco le permita hacer esto fácilmente (en 2D)
John McDonald
3

Mantenga la imagen cuadrada de 64x64 como fuente, para obtener versiones inclinadas, primero inclinaría la imagen hacia abajo en el lado derecho (para que coincida con su ejemplo de imagen), luego gire 45 grados y reduzca su altura. El resultado sería la pendiente que estaba buscando (con un poco de prueba y error de cuánto sesgar).

Dado que todos los pasos (cambiar el sombreado, sesgar, rotar, escalar) además de crear el cuadrado inicial son bastante simples, es posible que desee realizar estos pasos con openGL, ya sea en el inicio de su juego o como un paso automatizado en la construcción proceso (simplemente haga un pequeño programa que pueda hacer todos los sesgos / rotaciones que necesite y agréguelo al script de compilación).

El uso de gráficos vectoriales probablemente sería una idea si desea continuar manualmente haciendo cada mosaico inclinado. Photoshop tiene soporte para capas vectoriales, por lo que no necesitará aprender un nuevo programa para probar esto.

Daniel Carlsson
fuente
¿Por qué usas Photoshop en lugar de Fireworks y etc.?
Pacerier
@Pacerier No, la pregunta original mencionaba Photoshop. Personalmente comencé a usar Krita recientemente, antes de eso Paint.net (que todavía uso para un trabajo más rápido).
Daniel Carlsson