Skip to content

source.md

Latest commit

 

History

History
707 lines (450 loc) · 15.4 KB

source.md

File metadata and controls

707 lines (450 loc) · 15.4 KB

Themes

Set your presentation theme:
Black (default) - White - League - Sky - Beige - Simple
Serif - Blood - Night - Moon - Solarized

H:

Visual Computing Cognitive Aspects

Jean Pierre Charalambos

H:

Index

  1. History of Linear Perspective
  2. Depth Perception
  3. Optical Illusions

H:

History of Linear Perspective

Before linear perspective

Chauvet painting

V:

History of Linear Perspective

Before linear perspective

Chauvet painting

V:

History of Linear Perspective

Before linear perspective

Altamira painting

V:

History of Linear Perspective

Before linear perspective

Altamira painting

V:

History of Linear Perspective

Before linear perspective

Altamira painting

V:

History of Linear Perspective

Before linear perspective

Medieval Fresco

V:

History of Linear Perspective

Before linear perspective

Medieval Fresco

V:

History of Linear Perspective

Before linear perspective

[Oblique perspective](https://en.wikipedia.org/wiki/Oblique_projection). Song dinasty, 12th century

V:

History of Linear Perspective

Before linear perspective

[Reverse perspective](https://en.wikipedia.org/wiki/Reverse_perspective). Byzantine perspective

V:

History of Linear Perspective

Before linear perspective

[Reverse perspective](https://en.wikipedia.org/wiki/Reverse_perspective). Byzantine perspective

V:

History of Linear Perspective

Linear Perspective: Brunelleschi's Experiment

<iframe width="720" height="480" src="http://www.youtube.com/embed/bkNMM8uiMww"></iframe>

V:

History of Linear Perspective

Linear Perspective: Brunelleschi's Experiment

<iframe width="720" height="480" src="http://www.youtube.com/embed/eOksHhQ8TLM"></iframe>

V:

History of Linear Perspective

Alberti's Veil

Dürer's Alberti Veil

V:

History of Linear Perspective

Alberti's Veil

Dürer's Alberti Veil

V:

History of Linear Perspective

Uccello perspective study of a vase

Perspective study of a vase by Paolo Uccello (Galleria degli Uffizi, Gabinetto dei Disegni)

H:

Depth Perception

Monocular cues

[Parallax](https://en.wikipedia.org/wiki/Parallax)

V:

Depth Perception

Monocular cues

Depth from motion

V:

Depth Perception

Monocular cues

[Kinetic depth effect](https://en.wikipedia.org/wiki/Kinetic_depth_effect)

V:

Depth Perception

Monocular cues

<iframe width="720" height="480" src="https://www.youtube.com/embed/TQB4T6mTXAY"></iframe>

V:

Depth Perception

Monocular cues

<iframe width="720" height="480" src="https://www.youtube.com/embed/gq70rca1P1I"></iframe>

V:

Depth Perception

Monocular cues

Perspective

V:

Depth Perception

Monocular cues

[Curvilinear perspective](https://en.wikipedia.org/wiki/Curvilinear_perspective)

V:

Depth Perception

Monocular cues

[Curvilinear perspective](https://en.wikipedia.org/wiki/Curvilinear_perspective)

V:

Depth Perception

Monocular cues

[Aerial perspective](https://en.wikipedia.org/wiki/Aerial_perspective)

V:

Depth Perception

Monocular cues

Relative size and familiar size

V:

Depth Perception

Monocular cues

Depth-of-Field (DOF)

V:

Depth Perception

Monocular cues

Depth-of-Field (DOF)

V:

Depth Perception

Binocular cues

[Stereopsis](https://en.wikipedia.org/wiki/Stereopsis)

H:

Optical Illusions (Physiological)

Mach's band

V:

Optical Illusions (Physiological)

Checker shadow

V:

Optical Illusions (Physiological)

Checker shadow

V:

Optical Illusions (Physiological)

Color gradient

V:

Optical Illusions (Physiological)

White's Illusion

V:

Optical Illusions (Physiological)

Watercolor Illusion

V:

Optical Illusions (Physiological)

Grid illusions

Hermann grid

V:

Optical Illusions (Physiological)

Grid illusions

Scintillating grid

V:

Optical Illusions (Physiological)

Grid illusions

Note that the scintillating grid code is:

function setup() {
    var myCanvas = createCanvas(400, 400);
    myCanvas.parent('scintillating_id');
    strokeWeight(3);        // medium weight lines 
    smooth();               // antialias lines
    stroke(100, 100, 100);  // dark grey colour for lines
    noLoop();
 
}

function draw() {
    background(0);          // black background
    var step = 25;          // grid spacing
    
    //vertical lines
    for (var x = step; x < width; x = x + step) {
        line(x, 0, x, height);
    }
    
    //horizontal lines
    for (var y = step; y < height; y = y + step) {
        line(0, y, width, y);
    }
    
    // Circles
    ellipseMode(CENTER);
    stroke(255, 255, 255);  // white circles
    for (var i = step; i < width -5; i = i + step) {
        for (var j = step; j < height -15; j = j + step) {
            strokeWeight(6); 
            point(i, j);
            strokeWeight(3); 
        }
    }
}

V:

Optical Illusions (Physiological)

Grid illusions

Hacking instructions (setup and run) found here

V:

Optical Illusions (Cognitive)

Ambiguous illusions

Necker's cube

V:

Optical Illusions (Cognitive)

Ambiguous illusions

Rubin's jar

V:

Optical Illusions (Cognitive)

Ambiguous illusions

[Swans Reflecting Elephants](http://en.wikipedia.org/wiki/Swans_Reflecting_Elephants) by [Salvador Dalí](http://en.wikipedia.org/wiki/Salvador_Dal%C3%AD), 1937

V:

Optical Illusions (Cognitive)

Geometrical-optical illusions

Cafe-Wall

V:

Optical Illusions (Cognitive)

Geometrical-optical illusions

Cafe-Wall

V:

Optical Illusions (Cognitive)

Geometrical-optical illusions

Zollner ilussion

V:

Optical Illusions (Cognitive)

Geometrical-optical illusions

Muller-Lyer

V:

Optical Illusions (Cognitive)

Geometrical-optical illusions

[Poggendorff Illusion](https://en.wikipedia.org/wiki/Poggendorff_illusion)

V:

Optical Illusions (Cognitive)

Geometrical-optical illusions

Ponzo illusion

V:

Optical Illusions (Cognitive)

Paradox illusions

Penrose Triangle

V:

Optical Illusions (Cognitive)

Paradox illusions

Escher's Waterfall

V:

Optical Illusions (Cognitive)

Paradox illusions

Penrose Staircase

V:

Optical Illusions (Cognitive)

Paradox illusions

Escher's Ascending and Descending

V:

Optical Illusions (Cognitive)

Fictions

Kanizsa triangle

V:

Optical Illusions (Movement)

Motion Binding

V:

Optical Illusions (Movement)

Stuart Anstis ilussion

V:

Optical Illusions (Movement)

[Illusory Square](https://www.geek.com/news/10-astonishing-optical-illusion-gifs-1575117/)

V:

Optical Illusions (others)

Ebbinghaus illusion

V:

Optical Illusions (others)

Lilac Chaser or "Pacman"

V:

Optical Illusions (others)

Reverse Spoke Illusion

V:

Optical Illusions (others)

Movement illusions

V:

Optical Illusions (others)

Movement illusions

V:

Optical Illusions (others)

Checker

V:

Optical Illusions (others)

Spinning dancer

V:

Optical Illusions (others)

Positron imagery

H:

References