Disegnare terreno di livello 2D a scorrimento laterale di grandi dimensioni


12

Sono un programmatore relativamente bravo, ma ora che si tratta di aggiungere alcuni livelli di base al mio gioco 2D, sono un po 'bloccato.

Cosa voglio fare: un livello di test "green hills" accettabile, grande (8000 * 1000 pixel) per il mio gioco.

  • Qual è il modo migliore per farlo?

Non deve avere un bell'aspetto, non dovrebbe sembrare che sia stato realizzato con vernice MS con lo strumento linea e secchio di vernice.

Fondamentalmente dovrebbe solo fango con erba sopra di esso, modellato in una forma di colline.

Ma come dovrei disegnarlo, non posso semplicemente estrarre lo strumento matita e iniziare a disegnarlo pixel per pixel, vero?


2019, la domanda è ancora attuale :)
Город

Risposte:


20

Photoshop ha effetti di livello che possono essere utilizzati per disegnare livelli di bell'aspetto molto velocemente. Non so se funzionerebbe con GIMP, ma ecco alcuni passaggi su come ottenere rapidamente qualcosa sullo schermo usando Photoshop:

Istruzioni

  1. Ottieni alcune trame di sporco ed erba. Quello che sto usando nel mio esempio proviene da questo set di freetexture .
  2. Apri una trama sporca in Photoshop. Seleziona tutto Ctrl-Ae copia Ctrl-C. Quindi selezionare Edit > Define Pattern...dal menu. Dai un nome al tuo modello "Dirt".
  3. Fai lo stesso per la trama Erba, chiamala "Erba".
  4. Crea un nuovo livello in Photoshop e applica l' effetto Pattern Overlaye Strokeal tuo livello. Seleziona il motivo "Dirt" per la sovrapposizione e il motivo "Grass" per il tuo tratto (vedi immagini sotto).
  5. Dipingi con qualsiasi pennello sul tuo livello ... invece di avere un singolo colore noioso, dovrebbe renderlo come un paesaggio, grazie agli effetti del livello. Il bello è che puoi aggiungere / rimuovere liberamente parti del tuo paesaggio usando strumenti di disegno regolari come il pennello o la gomma.
  6. (opzionale) Disegna una sfumatura dal blu scuro (in alto) al blu chiaro (in basso) sul livello di sfondo del tuo cielo (puoi anche usare effetti di livello per quello).
  7. (facoltativo) Aggiungi altri effetti di livello come un gradiente e un'ombra discendente al tuo livello "orizzontale" per ottenere un aspetto migliore.

immagini

Impostazioni di sovrapposizione dei motivi

Impostazioni di sovrapposizione dei motivi di Photoshop

Impostazioni della corsa

Impostazioni del tratto di Photoshop

Risultato finale

Con alcuni altri effetti di livello e uno sfondo.

immagine finale

Puoi anche scaricare il file PSD qui per dare un'occhiata.


1
e hai solo una grande immagine per l'intero livello?
Spook

1
Sì, puoi memorizzarlo per l'intero livello; Separerei sfondo, oggetti, ecc. Dalle vere colline. Per il rilevamento delle collisioni, è possibile utilizzare il livello alfa. +1 per l'arte tecnica straordinaria :)
ashes999

4

Molti platform e giochi di ogni tipo utilizzano un sistema di livelli basato su tessere, in cui ogni livello è costituito da una griglia di tessere, a volte su più livelli. Potresti avere diverse tessere "superficie dell'erba", diverse tessere fango e così via. Quindi, invece di disegnare un'immagine enorme, disponi le tessere in una mappa. Tende a risparmiare spazio sulla trama, tra le altre cose.

I giochi 2D più avanzati adottano un approccio simile, ma con grandi "timbri" che possono essere liberamente spostati, ruotati e / o ridimensionati per creare un livello e non sono bloccati su una griglia come nella tecnica basata su tessere. Aquaria utilizza questo metodo.


2

Se non ti dispiace che appaia un po 'noioso, potresti semplicemente disegnare un mucchio di cerchi di varie dimensioni lungo una linea piatta (il tuo piano di terra) e riempirli inondazioni. Quindi puoi tornare indietro e disegnare una scatola marrone che copre il porzione "sotterranea" della mappa, quindi aggiungi piccoli tocchi di terreno per incontrare le curve superiori del cerchio. Quindi potresti fare un passaggio di dettaglio per aggiungere erba o altro (molto semplice se hai Photoshop con i diversi pennelli).

Che aiuto?


2

Consiglio vivamente di prendere una copia di Paint.NET che è gratuita e 100 volte migliore di MS Paint: ha alcuni strumenti di base per facilitare la generazione di arte nel senso che stai cercando.

Ad esempio, ti consentirà di effettuare una selezione e riempire l'intera selezione con un determinato colore / gradiente, questo ti salverà dall'uso dello strumento penna e dal disegno pixel per pixel.

Non è nemmeno vicino a Photoshop, ma è eccellente per questo tipo di caso d'uso, dove stai cercando opere d'arte di stile di base.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.