Come posso progettare buone tessere continue (senza soluzione di continuità)?

Ho difficoltà a progettare le piastrelle in modo che, quando assemblate, non assomiglino a piastrelle, ma sembrino una cosa omogenea. Ad esempio, vedi l'immagine qui sotto:

Anche se la parte principale dell'erba è solo una tessera, non "vedi" la griglia; sai dov'è se guardi un po 'attentamente, ma non è ovvio. Mentre quando disegno piastrelle, puoi vedere solo "oh, accidenti, 64 volte la stessa piastrella", come in questa immagine:

(Ho preso questo da un'altra domanda GDSE, scusa; non essere critico nei confronti del gioco, ma dimostra il mio punto. E in realtà ha un design delle piastrelle migliore di quello che gestisco, comunque.)

Penso che il problema principale sia che li progetto in modo che siano indipendenti, non c'è giunzione tra due tessere se messe l'una accanto all'altra. Penso che avere le tessere più "continue" avrebbe un effetto più uniforme, ma non riesco a farlo, mi sembra eccessivamente complesso.

Penso che probabilmente sia più semplice di quello che penso una volta che sai come farlo, ma non riesci a trovare un tutorial su quel punto specifico. Esiste un metodo noto per progettare piastrelle continue / omogenee? (La mia terminologia potrebbe essere totalmente sbagliata, non esitate a correggermi.)

Disclaimer: non sono un artista quindi questa è solo la conoscenza dell'arte del programmatore.

Stai avendo l'effetto griglia nel tuo esempio principalmente a causa di quella chiazza più leggera di erba sul bordo inferiore della piastrella:

Dettagli del genere facilmente riconoscibili danno immediatamente l'impressione di ripetere la stessa tessera.

Controlla questo articolo che contiene molti consigli utili sull'argomento. In particolare, usando Photoshop:

• Usa lo strumento Patch per sbarazzarti dei dettagli evidenti.
• Usa lo strumento Doge o Brucia per ottenere una luminosità uniforme ovunque.
• Rendi i bordi uniformi sfalsando l'immagine e quindi usando lo strumento Patch per unire i bordi. Ho anche visto persone duplicare e rispecchiare l'immagine quattro volte prima per questo scopo.

Anche nell'immagine che hai collegato sembra esserci anche un problema di implementazione perché quando si ingrandisce l'immagine è possibile vedere alcuni spazi tra i riquadri:

Non sono un esperto, ma a parte il fatto di avere più di un tipo di tessera erba (non completamente diversa in modo che le persone se ne rendano conto, ma abbastanza diversa), un trucco potrebbe essere avere "tessere di transizione" tra 2 diversi tipi di tessere. Usando l'immagine di esempio che hai mostrato, avere una tessera mezzo verde e metà grigia tra la tessera completamente grigia e quella completamente verde può aiutare a rendere più liscia la transizione. Inoltre, se si rendono queste transizioni arrotondate e più naturali (una trama che si sbiadisce nella successiva), può essere d'aiuto con l'effetto.

Si noti nell'immagine da Chrono Trigger, in basso al centro, come ha una metà marrone (sporco), metà verde (erba), con macchie di erba più scura. Usa anche erba più leggera e pietre per aggiungere una variazione naturale (una piastrella trasparente con la pietra o erba leggera sopra la piastrella dell'erba, forse?)

Devi fare delle transizioni, per ogni possibile composizione di più tipi di tessere dovrai disegnare tessere che completano il turno. Potresti decidere che molte combinazioni non sono possibili nel tuo gioco poiché il numero di transizioni che altrimenti dovresti fare aumenterebbe facilmente fino a un numero molto grande.

Di solito questo significa fondere le qualità dei tipi di superficie in qualche modo, ad esempio una semplice transizione da erba a terra avrebbe in genere piccole macchie di erba che diventano più rare man mano che si entra nella piastrella di terra. Ma per una soluzione rapida puoi semplicemente sbiadire una trama mentre si sbiadisce in un'altra, oppure creare un dithering in cui scegli casualmente i pixel da una delle due trame usando una probabilità ponderata che passa da una trama all'altra.

Inoltre, ti consiglio di passare dall'aspetto delle tessere ai motivi delle sottotegole, considera questa immagine di due tessere, se invece di creare tessere piene crei forme corrispondenti alla figura rossa non avrai mai bisogno di più di due diverse superfici in la stessa tessera, limitando così notevolmente il numero di tessere di transizione che devi realizzare, puoi quindi procedere a generare tessere quadrate da queste tessere diamante per usarle nel gioco, oppure puoi usare semplicemente le tessere diamante direttamente, i computer non lo sono molto più esigente su queste cose.

Applica un filtro passa-alto alle tue tessere.

See this excellent article by Skaven for detailed theory, examples, and instructions.

Start by making a regular tile. Then divide the tile horizontally and vertically, into 4 equal pieces, leaving you with 4 "tiles".

La tessera apparirà così:

1 2
3 4

Metti il ​​pezzo 2 sul lato sinistro del pezzo 1. Fai lo stesso con 3 e 4. La tessera apparirà così:

2 1
4 3

Ora sposta entrambi i pezzi inferiori sopra i pezzi superiori. Ti rimane questo:

4 3
2 1

Supponendo che la tua tessera sia 32x32, ogni pezzo sarà 16x16. Ora elimini il centro, diciamo 22x22 pixel (dipende da te), lasciando una cornice del riquadro. Questa cornice ora si affianca perfettamente a se stessa e rimani a riempire il vuoto nel mezzo con unicità come ghiaia, pietra, erba più alta o altro.

Probabilmente devi muovere leggermente i pixel, ma quando hai la cornice, sarai in grado di sfornare un sacco di piastrelle uniche ma perfettamente piastrellate.

Il modo in cui disegno le mie piastrelle è così:

1. Crea la tua bozza
2. copia la tua tessera in un'immagine che è 3 volte più grande nelle direzioni X e Y.
3. copia la tua tessera in modo che ci siano 9 copie della tessera nell'immagine
4. you should be able to see where each tile starts and ends, what you need to do is take a blur tool(I use GIMP for this) and blur the edges so it looks like its one big tile.
5. Then copy the middle tile out of the image and then you have your final tile

The result should look pretty good when you put multiple tiles next to each other. You can always repeat this process to fine tune your tiles.