Come unire i cerchi di selezione delle unità?

Vorrei sapere come fare questo effetto della selezione del cerchio unito. Ecco le immagini per illustrare:

Fondamentalmente sto cercando questo effetto:

Come si può ottenere l'effetto di unione dei cerchi? Non ho trovato alcuna spiegazione riguardo a questo effetto. So che per proiettare quella trama posso sviluppare un sistema di decalcomanie ma non so come creare l'effetto di fusione.

Se possibile, sto cercando una soluzione puramente shader.

Ci sono alcuni trucchi che puoi fare:

Z-buffer

Dopo aver eseguito il rendering di tutti gli altri oggetti, per ogni unità eseguire il rendering di un cerchio trasparente di dimensioni inferiori con valore Z massimo. Quindi eseguire il rendering delle decalcomanie dei cerchi di selezione sul terreno. Dato che sono in basso in ordine Z, verranno scartati quando si trovano sotto le unità.

Essere completamente trasparenti significa che il cerchio viene scritto solo nel buffer Z (valore Z massimo). Ora quando esegui il rendering delle decalcomanie, vengono testati rispetto ai valori del buffer Z e se superano il test vengono visualizzati (cosa che accade solo al di fuori dei cerchi)

stampino

Come con l'approccio precedente, ma questa volta usa un buffer di stencil. Rendering di cerchi più piccoli per unità con un valore di stencil, quindi esegui il rendering delle decalcomanie. Imposta lo stencil per eliminare tutti gli elementi con il valore dello stencil.

Ad esempio, è possibile verificare lo shader di pixel per il rendering della decalcomania se esiste un'intersezione con qualsiasi altra decalcomania e in tal caso uccidere il pixel. È abbastanza efficace da fare per questo tipo di decalcomanie circolari.

Intendi quei cerchi blu sul terreno?

Potrebbe esserci un modo più intelligente per farlo, ma considera la mia soluzione come un esempio di come farlo. Rendi le tue cerchie su una trama vuota separata delle dimensioni dello schermo. A questo punto puoi mescolarli insieme, come preferisci. A seconda delle tue esigenze puoi scrivere a colori o solo le informazioni sulla presenza di un cerchio in un determinato pixel. Tuttavia, avrai sicuramente bisogno di informazioni sulla profondità per ogni pixel che scrivi se vuoi un effetto Z-test.

Quando si esegue il rendering del terreno dopo il passaggio precedente, è possibile campionare la trama precedentemente creata, utilizzando le coordinate dello schermo in pixel shader, come UV. Ora sai che il cerchio dovrebbe o non dovrebbe essere proiettato in un dato pixel del terreno. Tuttavia, in questo modo funzionerà come se il test Z fosse disabilitato, quindi un terreno non può nascondere alcun cerchio. Se vuoi che un terreno nasconda dei cerchi dietro di esso, esegui un test di profondità prima di fondere un cerchio con la trama del terreno. È possibile utilizzare una leggera deviazione per abilitare il rendering di cerchi che si trovano solo un po 'sotto il terreno, ma si vorrebbe comunque renderli.

Modifica: ora per ottenere l'effetto dei cerchi uniti ciò che devi fare è: quando esegui il rendering su una trama separata, devi verificare se è già presente un cerchio nel punto in cui stai provando a renderne uno nuovo. (Controlla se la trama ha un valore lì) in tal caso, cancella questo pixel. Questo dovrebbe dare l'effetto di "contorno" quando due o più cerchi si sovrappongono. Affinché ciò funzioni correttamente, tuttavia dovrai eseguire questo test solo per l'interno del cerchio, non per il bordo. Quindi, durante il rendering dei cerchi, scrivi un valore specifico sulla trama di output, che indica che è un cerchio all'interno. Quindi devi solo non rendere nulla sul cerchio all'interno e dovresti essere bravo.

Modifica2: per il tuo semplice esempio rosso / verde: prima di eseguire il rendering di qualsiasi pixel, controlla se questo pixel non è già verde. Se lo è, non renderizzare. Questo farà il trucco. In effetti, mentre scrivi sulla trama puoi anche usare il rosso / verde per l'esterno / l'interno del cerchio, e poi mentre fai il rendering del terreno leggi quei valori e convertili nel colore desiderato.

Se la mia risposta è troppo astratta per caso, fammi sapere.

Ci sono alcune opzioni Come metodo generale, i buffer di stencil sono spesso molto utili quando è necessario mascherare determinati disegni, come il contorno in cui i cerchi si sovrappongono nell'esempio.

In questo caso, penso che ciò possa essere fatto altrettanto facilmente senza un buffer di stencil. È possibile utilizzare il buffer di profondità per eliminare il contorno in cui i cerchi si sovrappongono. L'idea è di disegnare l'interno dei cerchi solo nel buffer di profondità (poiché non vogliamo vedere l'interno), quindi disegnare il contorno. In questo modo, la parte del contorno che si sovrappone a un altro cerchio verrà eliminata dal test di profondità.

L'unica avvertenza è che devi stare attento ai combattimenti in profondità. È possibile utilizzare un piccolo offset per assicurarsi che i contorni siano effettivamente dietro l'interno e vengano eliminati dal test di profondità. Un'alternativa sarebbe usare glPolygonOffset().

Supponiamo che tu abbia due cerchi paralleli al piano xy, con centri in (x1, y1, z) e (x2, y2, z). E hai queste funzioni di disegno:

// Draw interior part of circle, shown in green in the schematic in the question.
drawInterior(x, y, z);

// Draw outline of circle, shown in red in the schematic in the question.
drawOutline(x, y, z);

La sequenza di disegni si presenta così, con deltaun piccolo offset:

glColorMask(GL_FALSE, GL_FALSE, GL_FALSE, GL_FALSE);
drawInterior(x1, y1, z + delta);
drawInterior(x2, y2, z + delta);
glColorMask(GL_TRUE, GL_TRUE, GL_TRUE, GL_TRUE);
drawOutline(x1, y1, z);
drawOutline(x2, y2, z);

Dalla parte superiore della mia testa, se queste decalcomanie sono disegnate come dischi, verificherei ogni cerchio per intersezione l'uno contro l'altro, e metterei i punti di intersezione in un array. Quindi disegna archi che non si trovano all'interno di un incrocio. Questa non è una soluzione shader, però.

Vuoi stencil qui. Il primo passaggio esegue il rendering dei cerchi nel buffer dello stencil. Il secondo passaggio rende il contorno visibile , ovunque il buffer dello stencil non sia cambiato. Il secondo passaggio deve utilizzare una geometria più grande del primo passaggio, in questo caso è sufficiente un semplice scalare lineare.

Mentre la soluzione che ho per disegnare i contorni qui è più del necessario (poiché lo shader trasforma tutti i bordi della mesh in un quad completo), segue questo approccio: disegnare il modello originale nel buffer dello stencil, quindi eseguire il rendering di una versione più grande in cui il buffer dello stencil è ancora 0.