Ridimensionamento del mio platformer pixel art da 720p a 1080p

Sto sviluppando un platform 2D pixel art per PC e smartphone, ma sono bloccato su un problema tecnico.

Ho scelto di avere una risoluzione dei riquadri 32x32 e una risoluzione sprite di 64x64 caratteri. I livelli sono divisi in sezioni che io chiamo "schermi", e in ogni schermo ho tessere 40x22,5, approssimate a 40x23, quindi la risoluzione minima è 1280x720.

Nel gioco, ho una meccanica a doppio salto, quindi ho bisogno di avere una buona visuale verticale su ogni "schermo".

Ecco il problema: 1280x720 non è una risoluzione molto alta. Sui monitor HD la finestra non sarebbe grande, e se ingrandissi la risoluzione di 2x, sarebbe 2560x1440 e la finestra sarebbe molto più grande di un vero monitor HD. Se provo dimensioni tra 1280x720 e 2560x1440, la grafica inizia a balbettare o è deformata.

Come posso risolvere questo problema? C'è una soluzione che non mi richiede di ridisegnare tutte le piastrelle e gli sprite in formato 16x16?

Per chiunque si chieda perché questo è un problema per la pixel art, ecco un breve esempio usando una scena di Super Mario World:

Se ridimensioniamo un gioco di pixel art da 720 a 1080 in fase di esecuzione (come potrebbe fare una tipica videocamera per giochi), otteniamo artefatti a causa del rapporto non intero di pixel dello schermo per texel sorgente. Scopri l'incoerenza dei numeri dall'esempio in scala a destra e come appaiono confuse la foglia e l'orecchio di Mario.

È giocabile, ma ha perso quell'affascinante nitidezza dei pixel art. E in movimento questi artefatti possono strisciare attraverso uno sprite , facendolo sembrare luccicante.

L'uso di una modalità di filtro che fonde i pixel adiacenti eviterà le increspature, ma invece spalma e sfoca la pixel art, quindi non è anche molto desiderabile.

Purtroppo il rapporto 1,5x tra 720p e 1080p è lo scenario peggiore che possiamo incontrare.

Come noterai, il ridimensionamento 1x è troppo piccolo e 2x è troppo grande, con un margine altrettanto ampio in entrambi i modi e non c'è un rapporto di ridimensionamento con numero intero tra di noi per scegliere.

Le tue opzioni si riducono a:

• Tollera la scala 1x , mostrando il tuo gioco in una finestra 1/3 più piccola dello schermo, aggiungendo bordi decorativi se devi riempire lo spazio.

  • Potresti essere in grado di estendere il ritaglio, mostrando più scena alla volta su schermi ad alta risoluzione. Ciò riduce il riempimento / letterbox necessario, ma dovrai valutare se influisce sul modo in cui il gioco gioca

    (ad es. dà ai giocatori su alcuni dispositivi un vantaggio sleale o lascia loro individuare segreti che non dovrebbero vedere così facilmente?)

• Scala di 2x e ritaglia la scena , in modo che il giocatore veda meno scena alla volta (circa 3/4 per quanto potevano vedere prima).

  Anche questo può influenzare il modo di giocare, ad es. rendendo difficile per il giocatore vedere i luoghi in cui deve saltare in doppio.

  • Puoi compensare ciò con la logica della videocamera, avendo la panoramica per seguire o anticipare il lettore, quindi il contenuto importante è ancora visibile in uno schermo con il ritaglio più piccolo, ma non esiste una migliore videocamera universale da usare.

    Se decidi di seguire questa strada, prova a condividere alcuni dettagli del tuo gameplay e della videocamera attuale e una scena di esempio. Con ciò, potremmo essere in grado di aiutare a mettere a punto il comportamento della fotocamera per compensare (o il tuo gioco potrebbe richiedere una maggiore visibilità)

• Crea risorse alternative a una risoluzione diversa . (Sì, questo è un sacco di lavoro, ma ti dà il maggior numero di opzioni per controllare l'aspetto del gioco)

  Ciò non significa che devi buttare le tue risorse esistenti che sembrano grandi su 720p. Questo articolo descrive lo scambio contestuale tra diversi set di risorse per supportare una gamma più ampia di risoluzioni target (in Unity, ma il principio può essere applicato anche in giochi non Unity).

  • Come noterai, ridisegnare tutte le risorse a metà grandezza ( tessere 16x16, carattere 32x32 ) ti permetterà di gestire 720p in scala 2x e 1080p in scala 3x, con lo stesso numero di tessere mostrato come hai ora. Tuttavia, è possibile che la risoluzione delle piccole tessere sia più restrittiva visivamente.

  • Potresti anche disegnare un set di risorse "di grande formato" alternativo più grande del 150% ( 48x48 tessere, 96x96 caratteri ), che gestirà 1080p su scala 1x. (Utilizzereste le risorse esistenti per 720p o 1440 ecc.). La risoluzione più grande dovrebbe aiutarti a mantenere la fedeltà della tua arte attuale, quindi non devi sacrificare lo stile e i dettagli che hai ora.

    

  • Una terza opzione è quella di disegnare un set di risorse solo leggermente più piccolo ( tessere 24x24, carattere 48x48 ), in grado di gestire 1080p su scala 2x, e di nuovo potrebbe significare meno sacrificio di dettagli rispetto a dimezzare tutte le dimensioni delle risorse.

    Tutte e tre queste opzioni ti permetteranno di mantenere l'inquadratura e il gameplay esattamente gli stessi a 720 e 1080, ma a costo di circa il doppio del lavoro delle risorse.

Quindi, sfortunatamente non c'è vittoria facile qui, solo diversi compromessi.

Elaborazione specifica dell'opzione di @ DMGregory di creare risorse alternative a risoluzioni diverse:

La migliore soluzione che conosco è probabilmente il meno utile a questo punto: sviluppare le risorse artistiche in un formato vettoriale e rasterizzarle come necessario in seguito. Questo non è un proiettile magico; la maggior parte delle volte scoprirai che dovrai apportare alcune piccole modifiche artigianali dopo la rasterizzazione.

La prossima migliore opzione che conosco è quella di provare vari algoritmi di ridimensionamento delle immagini, in particolare, algoritmi di ridimensionamento pixel art . Come prima, questa non è una pancea; la selezione di un algoritmo di ridimensionamento specifico è altamente specifica al contesto. Ha molto a che fare con la 'sensazione' del tuo gioco come con l'arte stessa e anche con un buon algoritmo + arte abbinata, probabilmente dovrai modificare alcuni sprite a mano.

In entrambi i casi, l'idea è quella di utilizzare uno strumento per fare la maggior parte del lavoro per te e concentrare lo sforzo umano sui dettagli rimanenti. Come ha detto @DMGregory, "non c'è vittoria facile qui, solo diversi compromessi".

Originale:

Scaled: