Erstellen eines Glitch-Effekts ähnlich wie bei Watch Dogs

8

Ich arbeite derzeit an einem LibGDX-Spiel. Wenn ein Benutzer etwas falsch macht, möchte ich, dass alle Grafiken auf dem Bildschirm sehr ähnlich wie der im Spiel Watch Dogs (siehe unten) beobachtete Glitch / Distort-Effekt zittern.

Meine Frage lautet: Kann dieser Effekt in Echtzeit durch Schreiben eines Shaders erzielt werden? Wenn ja, gibt es online Referenzen dazu? (Ich hatte ein schnelles Google, aber alles, was ich finden konnte, ist, wie ich diesen Effekt in Photoshop / After Effects erzielen kann.)

Danke für deine Hilfe.

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

Textstörungseffekt: https://www.youtube.com/watch?v=Wj26Wp2AH-U

Geben Sie hier die Bildbeschreibung ein

opengl libgdx shaders graphic-effects Rhakiras
quelle
Dies kann höchstwahrscheinlich erreicht werden, indem das Bild in eine Textur gerendert und dann das Gehirn gebeugt wird, um die Shader-Verarbeitungspipeline zu entwickeln, mit der dies erreicht wird. Die eigentliche Frage ist: Wofür würden Sie es verwenden? Es ähnelt eher einem Demo-Szenenprojekt als einer Fähigkeit, die ein Spielprogrammierer haben sollte. Natürlich tut es nicht weh, es zu versuchen. Eine fundierte Vermutung besagt, dass WD dies durch das Abspielen von Flash-Filmen erreicht hat, anstatt wie beabsichtigt ausgefeilte Shader zu verwenden. Also, wenn ein AAA es nicht tut, warum würden Sie?
Teodron
1
@teodron "Die eigentliche Frage ist: Wofür würden Sie es verwenden?" Ich denke, die Antwort auf diese "echte" Frage findet sich in der ursprünglichen Frage. "Eine Fähigkeit, die ein Spielprogrammierer haben sollte" Nicht jeder beschränkt sich auf Fähigkeiten, die er "haben sollte". "Also, wenn ein AAA es nicht tut, warum würdest du es dann tun?" In vielerlei Hinsicht verlangsamt diese Denkweise den Fortschritt. Zusammenfassend lässt sich sagen, dass die einzige relevante Information, die Ihr Kommentar liefert, darin besteht, "Ihr Gehirn zu beugen, um die Shader-Verarbeitungspipeline zu entwickeln, um dies zu erreichen", was überhaupt keine Information ist.
Rootlocus
1
Natürlich kann der Effekt in Echtzeit erzielt werden. Texturversatzkarten + Überlagerungen, möglicherweise in mehreren Ebenen und / oder animiert. Es ist alles ziemlich trivial, abgesehen von dem Prozess der Erstellung von Kunstobjekten, der einige Zeit dauern kann.
Schlange5
3
Es scheint, dass der "Effekt", den sie in diesem speziellen Bild verwenden, darin besteht, zufällig dünne vertikale Rechtecke auszuwählen und die Farben in diesen Rechtecken umzudrehen (umzukehren), was ziemlich einfach zu erreichen sein sollte.
AturSams
1
Ich denke, die Frage ist an dieser Stelle zu weit gefasst. Es gibt viele Beispiele für einen "Glitch" -Effekt, von denen zwei in den vom Fragesteller bereitgestellten Links jeweils völlig anders implementiert sind. Was sind Ihre genauen Anforderungen? Sie müssen wissen, was Sie tun möchten, bevor Sie sich dazu entschließen. Andernfalls erhalten Sie in diesem Fall einen Shader.
AturSams

Antworten:

6

Das Erstellen des glitchy Looks kann auf ein breites Spektrum von Wegen erreicht werden. Was wir kulturell gewohnt sind, als Panne zu akzeptieren, ist im Wesentlichen alles, was eine plötzliche Verzerrung dessen ist, was sonst kohärenter Inhalt wäre. Einige Störungen passen gut zur analogen Übertragung (dh weißes Rauschen), andere gut zu Digitalanzeigen, zufälligen ASCII-Symbolen, flackerndem Text und Artefakten (wie die negativen Rechtecke). Das Unschärfen der drei Farbschichten (wird als Ausbluten bezeichnet und) erinnert eher an CRT-Anzeigen. Sie können auch vorübergehend vertikale Wellen mit hoher Amplitude hinzufügen.

So lassen Sie zufällige ASCII-Zeichen erscheinen:

  1. Sie können die ursprüngliche Textzeichenfolge kopieren und einige der Zeichen schnell und zufällig ändern.
  2. Sie können eine spritesheet wie nutzen diese und einfach zufällig Ort Sprites Zeichen verwenden, so dass sie kurz nach , dass das Entfernen sie Flimmern auf dem Bildschirm in einer unvorhersehbaren Art und Weise zu machen.
  3. Um das Negativbild zu machen, würde das, was Sie vorgeschlagen haben, funktionieren. Es ist im Wesentlichen ein XOR zwischen dem Text und den Rauschrechtecken (wenn Weiß wahr und Schwarz falsch ist).
AturSams
quelle
2
Wie Sie sagten, ist das Optimieren hier der Schlüssel, weil es ein künstlerischer Effekt ist und nicht in die Kategorie "Arbeiten" / "Nicht Arbeiten" fällt.
AturSams