Coloring for colorblindness # Prompt: Implement a color mapping application that helps people who are color blind see the colors around them.
In order to assess this problem, first we need to understand colorblindness and later, pick one of the many forms this may manifest.
What is colorblindness? # Color blindness is classified according to the number of color channels that are available to a person to conveying color information into: monochromacy, dichromacy and anomalous trichromacy.
Parallax effect # Prompt: Take advantage of monocular cues to implement a 2D sketch to trick the eye into perceiving a 3D scene.
Here we have the parallax effect, tricking our eye into perceiving depth between objects in a 2-D plane.
Moon is following you at a slow speed and when the ball moves, the perspective of the buildings change.
On this sketch you can change the speed of the movement using left and right arrow keys.
Mach Bands # Prompt: Develop a terrain visualization application. Check out the 3D terrain generation with Perlin noise coding train tutorial.
Voronoi diagram.) # In mathematics, a Voronoi diagram is a partition of a plane into regions close to each of a given set of objects.
Implementation # In the following p5 sketch we mixed Perlin terrain generation, mach bands and voronoi diagrams.
First we create a set of random points in a plane, then we compute the voronoi diagram for this set of points using the gorhill javascript library.
Masking # Prompt: Implement a kinegram and some moiré patterns which are close related visual phenomena to masking.
Visual masking is the reduction or elimination of the visibility of one brief (≤ 50 ms) stimulus, called the “target”, by the presentation of a second brief stimulus, called the “mask”. Introduced near the end of the 19th and beginning of the 20th century (Exner, 1868; McDougal, 1904; Sherrington, 1897; Stigler, 1911) and extensively studied since then, masking, an interesting phenomenon in its own right, is a useful tool for exploring the dynamics of visual information processing (Breitmeyer & Öğmen, 2006).
Photomosaic # The photomosaic is an image, portrait or photograph that is divided by geometric figures, generally by squares or rectangles of the same size, this in order to replace them with other portraits, photographs or images that match the average colors that the figures contain. geometric shapes of the original image, achieving that when viewing the image from a distant point it is possible to see it as the original, but when viewing from a nearby point or when zooming in it can be perceived that they are made up of other images.
Posteffects # Prompt: Implement some posteffects you find interesting.
Posteffects are, in the simplest way, effects thhat are applied to an image after it has been rendered. This effects can range from simple xoom lenses to kaleidoscopes or fish eye lenses like the one I implemented for this excercise.
Fish Eye Lens effect # The fish eye lens effect refers to a distinctive visual distortion created by a special type of camera lens known as a fish eye lens.
Procedural Texturing # Problem statement # El texturizado procedimental implica generar texturas superficiales utilizando procedimientos o algoritmos matemáticos. Este enfoque ofrece varios beneficios, incluidos requisitos de almacenamiento bajos, resolución de texturas ilimitada y mapeo de texturas sencillo.
El método de texturizado procesal encuentra aplicaciones en diversas áreas, como la creación de efectos visuales, la mejora del agarre mecánico, la reducción de la resistencia aerodinámica y el modelado de superficies o representaciones volumétricas de elementos naturales como madera, mármol, granito, metal, piedra y más.
Spatial Coherence # Prompt: Implement a pixelator video application and perform a benchmark of the results (color avg vs spatial coherence). How would you assess the visual quality of the results?
The color averaging filter works smoothing the image loosing the pictures details, otherwise, the spacial coherence technique achieves to keep details and shapes edges, this cant be done by color averaging smooth effect. Code implementation let img; let ratioInput; let ratioValue; let newImg, newImg2; let updateBtn; function preload() { img = loadImage("https://picsum.
Temporal Coherence # Prompt: Implement an animation with keyframes using the nub library for Processing (Java).
Even though temporal coherence is a physics term refering to the similarity of waves through time, it can be used as a analogy of animation and it´s coherent flow in the visual computing world.
Now, to really drive this point home it´s necessary to talk about a very important thing regarding animation and it´s implementation in visual computing: we´re talking about keyframes.
Texturing # La texturización es el procedimiento mediante el cual se asigna una imagen o mapa de bits a un objeto tridimensional o a una superficie. Este proceso implica trabajar con los sistemas de coordenadas de las figuras y de la textura. Utilizando GLSL y técnicas de programación en paralelo, el shader y la GPU procesan la textura para lograr su aplicación adecuada en el objeto o superficie.
Los efectos que puedan aplicarse a una imagen requieren utilizar coordenaddas dadas, las coordenadas texcoords2 y los texels permiten realizar operaciones pixel a pixel haciendo uso de la GPU .
Visual illusions # Prompt: Study, implement and discuss possible applications of some known visual phenomena and optical illusions.
The Hermann grid is used to create the optical illusion of perceiving a ghost between the grid cells, it’s produced a neural process called “Lateral inhibition”. In the image there are only white spaces and black blocks but the eyes perceive some kind of contrasts creating “gosthlike” shapes.
Herman Grid function setup() { createCanvas(750, 750); } function draw() { background(0); stroke('white'); strokeWeight(7); for (var i = 0; i < 25; i++){ line(width/25*i, 0, width/25*i, height) } for (var i = 0; i < 25; i++){ line(0, height/25*i, width, height/25*i) } } In the following image there are parallel lines in each row, but exists an illusion of a vertically displacement created by the irregular columns sort.