Come creare tessere isometriche inclinate (in altezza)

11

Questo è forse meglio spiegato in modo pittorico. Sto cercando di creare un gioco isometrico 2.5D. La mia visione è che il gioco assomigli al mio obiettivo:

paesaggio isometrico

Non sono un artista grafico, quindi ho qualche problema a creare le tessere "inclinate" per simulare terreni di diversa altezza. La creazione della tessera isometrica di base è stata semplice utilizzando i seguenti passaggi:

Crea una versione quadrata 64x64 del riquadro
Ruota di 45 gradi
Ridimensionare l'altezza di un fattore 2

La creazione di tessere "inclinate" è più una sfida. Ho a disposizione Photoshop, ma sono tutt'altro che un esperto nell'usarlo. Ecco il mio problema attuale:

inserisci qui la descrizione dell'immagine

Non sono sicuro di come manipolare i vertici, altrimenti sarebbe facile, ma fondamentalmente, per ottenere una tessera "inclinata" dalla mia tessera isometrica di base, tutto ciò che devo fare è spostare il vertice inferiore e il vertice destro di 16 pixel , fissando gli altri due vertici. Ciò genererebbe la piastrella che desidero.

Qual è un modo semplice per raggiungere questo obiettivo. Photoshop è lo strumento giusto per questo? Eventuali suggerimenti?

tiles isometric

— Filip Jeremic
fonte

quale sistema grafico utilizza la tua build attuale directX, openGL o proprietario per il motore? la risposta di base sarebbe memorizzare i vertici e quindi modificare i vertici secondo necessità (puoi farlo come una matrice di 8 vettori), ma il modo in cui li invii allo schermo è di solito con un'utilità / libreria grafica come directX, openGL

— gardian06,

Sto usando SFML per eseguire il rendering degli sprite sullo schermo, quindi sarebbe openGL. Sto memorizzando gli sprite come tessere 64x64 sul disco.

— Filip Jeremic,

@FilipJeremic, Hmm .. È un gioco di neopeti?

— Pacerier

3

Se lo desideri, puoi creare i riquadri usando Photoshop o qualcos'altro. Consiglierei un programma di disegno vettoriale, non un programma di disegno pixel (non ne so abbastanza di Photoshop, ecc., Per sapere cosa offre al giorno d'oggi).

Personalmente suggerirei di non preoccuparti di creare tessere, ma piuttosto che il gioco le disegni effettivamente usando l'API di disegno, sarà molto più semplice (specialmente se ti rendi conto di quante diverse tessere inclinate avresti bisogno).

— MarkR
fonte

Non sono sicuro di essere d'accordo sul fatto che il gioco renda le tessere per te a meno che il tuo motore / framework non ti consenta di farlo facilmente (in 2D)

— John McDonald

3

Mantieni l'immagine quadrata 64x64 come sorgente, per ottenere versioni inclinate dovresti prima inclinare l'immagine verso il basso sul lato destro (per abbinare l'esempio dell'immagine), quindi ruotare di 45 gradi e ridimensionarla in altezza. Il risultato sarebbe la pendenza che stavi cercando (con un po 'di tentativi ed errori per quanto inclinare).

Considerando che tutti i passaggi (modifica dell'ombreggiatura, inclinazione, rotazione, ridimensionamento) oltre a creare il quadrato iniziale sono abbastanza semplici, potresti voler fare questi passaggi con openGL all'avvio del gioco o come un passaggio automatico nella build processo (basta creare un piccolo programma in grado di eseguire tutte le inclinazioni / rotazioni necessarie e aggiungerlo allo script di compilazione).

L'utilizzo della grafica vettoriale sarebbe probabilmente un'idea se si desidera continuare a creare manualmente ogni riquadro inclinato. Photoshop ha il supporto per i livelli vettoriali, quindi non dovrai imparare un nuovo programma per provare questo.

— Daniel Carlsson
fonte

Perché usi Photoshop invece di Fireworks ed ecc?

— Pacerier,

@Pacerier I no, la domanda originale menzionata photoshop. Personalmente ho iniziato a usare Krita di recente, prima di quel Paint.net (che uso ancora per un lavoro più veloce).

— Daniel Carlsson,