Creazione di un effetto glitch simile a Watch Dogs


8

Attualmente sto lavorando a un gioco LibGDX. Quando un utente fa qualcosa di sbagliato, vorrei che tutta la grafica sullo schermo si muovesse in modo molto simile all'effetto glitch / distorsione visto nel gioco Watch Dogs (Vedi sotto).

La mia domanda è questa: è possibile ottenere questo effetto in tempo reale scrivendo uno shader? In tal caso, ci sono riferimenti online su come farlo? (Ho avuto un Google veloce ma tutto quello che ho potuto trovare è come ottenere questo effetto in Photoshop / After Effects).

Grazie per l'aiuto.

Screen jitter: https://www.youtube.com/watch?v=EYkqC9uI8Nc

Effetto glitch del testo: https://www.youtube.com/watch?v=Wj26Wp2AH-U

inserisci qui la descrizione dell'immagine


Molto probabilmente può essere ottenuto trasformando l'immagine in una trama e quindi piegando il cervello per elaborare la pipeline di elaborazione dello shader per raggiungerla. La vera domanda è: per cosa la useresti? Sembra più nelle linee di un progetto di scena demo che un'abilità che un programmatore di giochi dovrebbe avere. Certo, non fa male provarlo. Un'ipotesi istruita mi dice che WD lo ha ottenuto giocando film in Flash invece di usare shader sofisticati come previsto. Quindi, se un AAA non lo fa, perché dovresti?
Teodron,

1
@teodron "La vera domanda è: per cosa la useresti?" Penso che la risposta a questa "vera" domanda possa essere trovata nella domanda originale. "un'abilità che un programmatore di giochi dovrebbe avere" non tutti si limitano alle abilità che "dovrebbero" avere. "Quindi, se un AAA non lo fa, perché dovresti?" In molti modi, questo modo di pensare rallenta i progressi. In conclusione, l'unica informazione rilevante che il tuo commento porta è "piegare il tuo cervello per elaborare la pipeline di elaborazione dello shader per raggiungerlo" che non è affatto informazione.
rootlocus,

1
Naturalmente l'effetto può essere ottenuto in tempo reale. Mappe di offset texture + sovrapposizioni, possibilmente in più livelli e / o animati. È tutto piuttosto banale, a parte il processo di creazione di risorse artistiche, che potrebbe richiedere del tempo.
snake5,

3
Sembra che l '"effetto" che hanno usato in questa specifica immagine sia scegliere casualmente sottili rettangoli verticali e capovolgere (invertire) i colori in questi rettangoli che dovrebbero essere piuttosto semplici da realizzare.
AturSams,

1
Penso che la domanda sia troppo ampia a questo punto. Ci sono molti esempi per un effetto "glitch", due dei quali nei collegamenti forniti da Asker e ciascuno implementato in modo completamente diverso. Quali sono i tuoi requisiti precisi? Devi sapere cosa desideri fare prima di iniziare a farlo o le risposte che otterrai in questo caso sono scrivere uno shader.
AturSams,

Risposte:


6

La creazione dell'aspetto glitch può essere realizzata in un ampio spettro di modi. In sostanza, ciò che siamo stati culturalmente abituati ad accettare come un problema tecnico è tutto ciò che è un'improvvisa distorsione di ciò che sarebbe altrimenti contenuto coerente. Alcuni problemi si adattano bene con la trasmissione analogica (cioè il rumore bianco) e altri si adattano bene con display digitali, simboli ascii casuali, testo sfarfallio, artefatti (come i rettangoli negativi). Lanciare i tre strati di colore fuori fuoco (si chiama sanguinamento e) ricorda più i display CRT. È inoltre possibile aggiungere temporaneamente alcune onde verticali ad alta ampiezza.

Per far apparire caratteri ascii casuali:

  1. È possibile copiare la stringa di testo originale e modificare rapidamente alcuni caratteri in modo casuale.
  2. Puoi usare un foglio di calcolo come questo e semplicemente posizionare casualmente gli sprite di personaggi, rimuovendoli poco dopo per renderli sfarfallio sullo schermo in modo imprevedibile.
  3. Per fare l'immagine negativa, ciò che hai suggerito avrebbe funzionato. È essenzialmente un XOR tra il testo e i rettangoli di disturbo (se il bianco è vero e il nero è falso).

2
Come hai detto, il tweaking è la chiave qui perché è un effetto artistico e non rientra nella categoria "lavoro" / "non lavoro".
AturSams,
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.