{"id":783,"date":"2014-04-06T21:06:20","date_gmt":"2014-04-06T20:06:20","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=783"},"modified":"2021-08-07T16:19:38","modified_gmt":"2021-08-07T15:19:38","slug":"animaciones-la-ilusion-de-adelson","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/animaciones-la-ilusion-de-adelson\/","title":{"rendered":"Animaciones – La ilusi\u00f3n de Adelson"},"content":{"rendered":"

ILUSIONES ANIMADAS<\/span><\/h3>\n

En este apartado aprenderemos sobre las ilusiones visuales del grupo de investigaci\u00f3n sobre la Ciencia Perceptual del Instituto Tecnol\u00f3gico de Massachusetts (MIT) liderado por Edward Adelson.<\/span><\/p>\n

Perceptual Science Group of the MIT<\/b>. Este grupo fue creado en 1994 en el Departamento de Ciencias cognitivas y del Cerebro del MIT. El grupo se ha dedicado a la investigaci\u00f3n de la percepci\u00f3n visual en brillo y transparencia, percepci\u00f3n de texturas, percepci\u00f3n de superficies, similitud perceptual, an\u00e1lisis de movimiento, entre otras l\u00edneas de investigaci\u00f3n. El grupo est\u00e1 compuesto por cuatro profesores y un selecto grupo de estudiantes graduados o en curso[1]<\/a>. Los investigadores principales son Edward Adelson (Profesor de Ciencias de la Visi\u00f3n), Richards Whitman (Profesor de Ciencias Cognitivas), Ruth Rosentholtz (Investigadora) y Aude Oliva (Profesora Asistente en Ciencias Visuales).<\/p>\n

La profesora Oliva frente al tema de contexto expresa:<\/p>\n

\u00a0<\/i>El contexto tiene efectos en m\u00faltiples niveles: sem\u00e1ntico (una mesa y una silla se hallar\u00e1n, probablemente en la misma imagen. No esperar\u00edamos una mesa y un elefante), configuraci\u00f3n espacial (un teclado se espera observarlo debajo de un monitor) y postura (Las sillas se esperan encontrar dirigidas hacia la mesa, una pluma de escribir esperamos verla en una posici\u00f3n particular respecto al papel y un auto deber\u00eda estar orientado a los largo de una calle.[2]<\/b><\/a><\/i><\/p>\n

\u00a0<\/i>Nuestro cerebro tiende a asociar los objetos percibidos con los conocimientos previos adquiridos. El contexto o entorno en el cual se encuentra el objeto hace que nuestro cerebro le asigne propiedades de ese contexto al objeto percibido. Es decir, no percibimos el color y brillo reales, sino los calculados en comparaci\u00f3n con el color y brillo de los objetos cercanos (ver la ilusi\u00f3n de Neblina, por ejemplo). En la siguiente imagen, creada por Edward Adelson, las casillas A y B son del mismo tono gris. Dise\u00f1aremos un applet que evidencie la igualdad de color.<\/p>\n

\"adelson1\"<\/p>\n

Algunos demos en flash se han publicado en http:\/\/web.mit.edu\/persci\/gaz\/main-frameset.html<\/a>, de los cuales hemos escogido la ilusi\u00f3n de Haze y el anillo de Koffka para dise\u00f1arlos en pr\u00f3ximos apartados, pero ahora nos centraremos en la ilusi\u00f3n de Adelson[3]<\/a>.<\/p>\n

Las animaciones m\u00faltiples en Descartes. <\/b>El Nippe Descartes trae la opci\u00f3n de animaci\u00f3n. En principio parece que s\u00f3lo podemos realizar una sola animaci\u00f3n; sin embargo, usando algunas expresiones de tipo booleano podemos lograr varias animaciones en una sola escena.<\/p>\n

La<\/b> ilusi\u00f3n del tablero ajedrezado<\/b><\/span><\/h4>\n

La ilusi\u00f3n de Adelson \u00a0est\u00e1 compuesta de un tablero de 25 paralelep\u00edpedos, un cilindro y una sombra (shadow<\/i>). El dise\u00f1o de la\u00a0escena lo haremos comenzando con la parte gr\u00e1fica para terminar con las propiedades del espacio, las auxiliares y la animaci\u00f3n.<\/p>\n

Escena. <\/b>Inicialmente, crearemos una escena \u00a0de 550×400, en la que agregaremos, adem\u00e1s, un espacio 3D con despliegue pintor <\/b>y par\u00e1metros como los que indica la imagen.<\/p>\n

\"adelson2\"<\/p>\n

<\/b>Gr\u00e1ficos.<\/b> Inciaremos con la creaci\u00f3n de los 25 paralel\u00e9pipedos que se han numerado en la imagen siguiente. En la posici\u00f3n de los paralel\u00e9pipedos 16, 17, 21 y 22 situaremos el cilindro.<\/p>\n

\"adelson3\"<\/p>\n

Paralelep\u00edpedos. <\/b>Insertaremos estos prismas en el orden que se presenta en la tabla. Cada paralelep\u00edpedo tendr\u00e1 un ancho y largo de 0.5 y un alto de 0.3, aristas activadas, sus colores ser\u00e1n alternados en gris claro y blanco, excepto en los colores de contexto.<\/p>\n

\"adelson4\"<\/p>\n

Aprovecharemos, en algunos paralelep\u00edpedos, la opci\u00f3n familia, <\/b>que identificaremos por el posini<\/b> y la observaci\u00f3n;<\/b> no obstante, debido a la animaci\u00f3n, algunos ser\u00e1n construidos individualmente.<\/p>\n

\"adelson5\"<\/a><\/p>\n

\u00a0Observemos que los paralelep\u00edpedos 13 y 24 tendr\u00e1n una altura variable, estos prismas ser\u00e1n los que animaremos posteriormente.<\/p>\n

Cilindro. <\/b>Insertemos un cilindro de color verde claro, ubicado en la posici\u00f3n\u00a0\u00a0 (-3, 1.7, .65), con ancho y largo de 0.8, Nu = 40 y Nn = 1.<\/p>\n

\"adelson6\"<\/p>\n

Tapa del cilindro. <\/b>A\u00f1adimos la tapa del cilindro insertando un pol\u00edgono regular (Polireg<\/i>) en la posici\u00f3n (-.3, 1.7, 1.15), las dem\u00e1s propiedades de color, ancho, largo, Nu y Nv son iguales a las del cilindro.<\/p>\n

Caras de contexto (sombra).<\/b> Para emular la sombra del cilindro sobre el tablero, insertaremos siete caras de color gris obscuro y una cara de color gris (extremo izquierdo de la imagen siguiente), cada cara tendr\u00e1 un posini<\/b> de (0, 0, 0.15).<\/p>\n

\"adelson7\"<\/p>\n

Observemos que se trata de siete tri\u00e1ngulos negros y un cuadrado gris claro. Analiza aparte las coordenadas de estos cuatro tipos de gr\u00e1ficos (paralelep\u00edpedo, pol\u00edgono regular, cilindro y cara.<\/p>\n

\"adelson8\"<\/a><\/p>\n

Segmentos. <\/b>A\u00f1adimos dos segmentos de color rojo y naranja de acuerdo a las siguientes im\u00e1genes:<\/p>\n

\"adelson9\"<\/p>\n

Los segmentos desaparecen cuando k<\/strong> empieza a aumentar en la animaci\u00f3n.<\/p>\n

<\/b>Controles. <\/b>Usaremos dos controles tipo bot\u00f3n. El primero tendr\u00e1 como nombre Verificar<\/b> y dem\u00e1s propiedades como aparecen en la imagen de abajo. El segundo bot\u00f3n tendr\u00e1 las mismas propiedades excepto: nombre = Regresar<\/b>, dibujar-si = k > 0.8 y par\u00e1metro\u00a0 p = 0.\u00a0Los colores de los botones los podemos cambiar a nuestro gusto.<\/span><\/p>\n

\"adelson10\"<\/p>\n

Algoritmo de inicio. <\/b>Hemos usado dos variables para rotar el espacio E1.rot.y = 35 y E1.rot.z = 60.<\/p>\n

\"adelson11\"<\/p>\n

1<\/b>Animaci\u00f3n. <\/b>Finalmente insertamos una animaci\u00f3n tal como se indica en la imagen.<\/p>\n

\"adelson12\"<\/p>\n

Analicemos la expresi\u00f3n k=k+.1*(p=1)*(k<1.1)-.1*(p=0)*(k>0.1). <\/b>La variable k ser\u00e1 incrementada en una d\u00e9cima, cuando P es igual a uno y k es menor que 1.1; es decir, el sumando .1*(p=1)*(k<1.1) <\/b>tiene dos tipos de valor: 0.1 si las expresiones booleanas en par\u00e9ntesis son verdaderas (.1*1*1) o 0 si alguna expresi\u00f3n booleana es falsa (.1*0*1 \u00f3 .1*1*0 \u00f3 .1*0*0). An\u00e1logamente funciona el decremento de k con el tercer sumando: -.1*(p=0)*(k>0.1)<\/b>. Tambi\u00e9n podemos comprender la utilidad de los dos botones dise\u00f1ados. A continuaci\u00f3n, mostramos la escena final. \u00a0Nos queda como tarea incluir los textos.<\/p>\n

\n\n