Crear un efecto de falla similar a Watch Dogs

8

Actualmente estoy trabajando en un juego LibGDX. Cuando un usuario hace algo mal, me gustaría que todos los gráficos en la pantalla fluctúen de manera muy similar al efecto de falla / distorsión que se ve en el juego Watch Dogs (ver más abajo).

Mi pregunta es esta: ¿se puede lograr este efecto en tiempo real escribiendo un sombreador? Si es así, ¿hay alguna referencia en línea sobre cómo hacer esto? (He tenido un Google rápido, pero todo lo que pude encontrar es cómo lograr este efecto en Photoshop / After Effects).

Gracias por tu ayuda.

Jitter de pantalla: https://www.youtube.com/watch?v=EYkqC9uI8Nc

Efecto de falla de texto: https://www.youtube.com/watch?v=Wj26Wp2AH-U

ingrese la descripción de la imagen aquí

Rhakiras
fuente
Lo más probable es que se pueda lograr al convertir la imagen en una textura y luego doblar el cerebro para obtener la tubería de procesamiento del sombreador para lograrlo. La verdadera pregunta es: ¿para qué lo usarías? Parece más en las líneas de un proyecto de escena de demostración que una habilidad que un programador de juegos debería tener. Por supuesto, no hace daño intentarlo. Una suposición educada me dice que WD logró eso al reproducir películas Flash en lugar de usar sombreadores sofisticados como pretendes. Entonces, si un AAA no lo hace, ¿por qué lo harías?
teodron
1
@teodron "La verdadera pregunta es: ¿para qué lo usarías?" Creo que la respuesta a esta pregunta "real" se puede encontrar en la pregunta original. "una habilidad que un programador de juegos debería tener" no todos se limitan a las habilidades que "deberían" tener. "Entonces, si un AAA no lo hace, ¿por qué lo harías?" En muchos sentidos, esta forma de pensar ralentiza el progreso. En conclusión, la única información relevante que aporta su comentario es "doblar el cerebro para idear el proceso de procesamiento del sombreador para lograrlo", que no es información en absoluto.
rootlocus
1
Por supuesto, el efecto se puede lograr en tiempo real. Mapas de desplazamiento de textura + superposiciones, posiblemente en varias capas y / o animadas. Todo es bastante trivial, aparte del proceso de creación de activos de arte, que puede llevar algo de tiempo.
serpiente5
3
Parece que el "efecto" que usaron en esta imagen específica es elegir aleatoriamente rectángulos verticales delgados y voltear (invertir) los colores en estos rectángulos, lo que debería ser bastante simple de lograr.
AturSams
1
Creo que la pregunta es demasiado amplia en este momento. Hay muchos ejemplos para un efecto de "falla", dos de los cuales en los enlaces que proporciona el autor de la pregunta y cada uno implementado de manera completamente diferente. ¿Cuáles son sus requisitos precisos? Debe saber lo que desea hacer antes de comenzar a hacerlo o las respuestas que obtendrá en este caso son escribir un sombreador.
AturSams

Respuestas:

6

La creación del aspecto glitchy se puede lograr de muchas maneras. En esencia, lo que hemos estado culturalmente acostumbrados a aceptar como una falla es todo lo que es una distorsión repentina de lo que de otro modo sería contenido coherente. Algunos problemas técnicos encajan bien con la transmisión analógica (es decir, ruido blanco) y otros con pantallas digitales, símbolos ascii aleatorios, texto parpadeante, artefactos (como los rectángulos negativos). Lanzar las tres capas de color fuera de foco (se llama sangrado y) recuerda más a las pantallas CRT. También puede agregar algunas ondas verticales de alta amplitud temporalmente.

Para hacer aparecer caracteres ascii aleatorios:

  1. Puede copiar la cadena de texto original y modificar rápidamente al azar algunos de los caracteres.
  2. Puedes usar una hoja de sprites como esta y simplemente usar sprites de caracteres colocados al azar, eliminándolos poco después para que parpadeen en la pantalla de una manera impredecible.
  3. Para hacer lo negativo de la imagen, lo que sugirió funcionaría. Es esencialmente un XOR entre el texto y los rectángulos de ruido (si el blanco es verdadero y el negro es falso).
AturSams
fuente
2
Como dijiste, ajustar es clave aquí porque es un efecto artístico y no cae en una categoría de "trabajo" / "no trabajo".
AturSams