Ilusiones Ópticas

Implementación de al menos 6 ilusiones de tres tipos distintos (paradójicas, geométricas, ambiguas, etc.), al menos dos con movimiento y dos con interactividad.

Repositorio

1. Imagen Ambigua Caballo

Explicación

En esta imagen se ve el caballo mirando hacia adelante y hacia atras, debido a que no hay puntos de referencia, que nos ayuden a determinar la dirección.

Si se da click sobre la imágen se mostraran las lineas de referencia, en forma ciclica, con lo cual la imágen dejara de ser ambigua.

  1. Linea de referencia para que el caballo mire hacia el frente.
  2. Linea de referencia para que el caballo mire hacia atras.
  3. Imagen sin referencias.
Carpeta: Caballo

2. Distorción de Caras

Explicación

Esta ilusión no se ha podido completar en P5.js, por favor revisarla en Processing, los archivos estan en su respectiva carpeta, en el repositorio.

Se debe enfocar la mirada en el punto de la cruz central, con la vista periferica se observa que los rostros se ven monstruosos.

Al alinear las caras de los ojos y presentarlos rápidamente, es mucho más fácil compararlos, por lo que las diferencias entre las caras son más extremas. Si alguien tiene una mandíbula grande, se ve casi como un ogro. Si tienen una frente especialmente grande, parece particularmente bulbosa.

Al hacer click se mostrara la linea de referencia de la altura de los ojos.

Carpeta: Faces

3. Waterfall (Cascada)

Explicación

Efecto posterior al movimiento.

Fije la mirada en cruz central durante al menos 30 segundos. luego haga click sobre la imagen, Observe el efecto posterior del movimiento en la figura en reposo (grilla de puntos).

Se experimenta después de ver un estímulo moviéndose en una dirección durante un tiempo, y luego mirando una escena estacionaria. La escena estacionaria parece tener movimiento (en la dirección opuesta al estímulo móvil que uno vio anteriormente).

Esto a menudo se explica en términos de "fatiga" de la clase de neuronas que codifica una dirección de movimiento. Es más exacto interpretar esto en términos de adaptación o "control de ganancia".

Carpeta: Waterfall

4. Ilusión de Orbison

Explicación

El cuadro rojo aparece distorsionado, aunque no lo este, al igual que el rectángulo que contiene la imagen, aunque tampoco lo esté.

Pase el mouse sobre la imagen para que desaparezcan las lineas azules.

Carpeta: Orbison

5. Serpientes Rotatorias

Explicación

Evoca una experiencia perceptual de movimiento ilusorio.

Es una ilusion de deriva periférica; cualquier parte de la figura que esté en el centro de nuestro campo visual parece inmóvil (como de hecho lo es), mientras que las partes vistas en nuestra visión periférica parecen moverse.

mueva la mirada naturalmente sobre la figura.

Carpeta: Snakes

6. Neon

Explicación

Esta ilusión no se ha podido completar en P5.js, por favor revisarla en Processing, los archivos estan en su respectiva carpeta, en el repositorio.

Se aprecia un disco brillante en el area del fondo que lleva el color azul, este color es igual al del fondo del resto de la imágen (blanco), pero se ve mucho mas brillante..

Al pasar el mouse sobre la imagen el color azul de los discos desaparece, y el fondo se ve con el mismo brillo.

Carpeta: Neon

7. Cambio de color por contraste

Explicación

Esta ilusión no se ha podido completar en P5.js, por favor revisarla en Processing, los archivos estan en su respectiva carpeta, en el repositorio.

Cambio de color debido al cambio de contraste, la banda del centro es de un tono gris constante, pero se ve afectada por el contraste con el fondo, pareciendo que tiene un cambio de color que no existe.

Pase el mouse sobre la imagen para quitar la gradación del fondo.

Carpeta: Contraste