Una cámara de fotos registra los valores de rojo, verde y azul (RGB) de cada píxel que conforma un punto de vista. Un humano, que no tiene esa fría precisión, percibe un color relacionándolo con los colores de su entorno inmediato. Cada color es relativo a su entorno . Como pintor, parto de esta premisa y la doy por supuesto.
Al pintar, considero un ejercicio interesante cambiar el color de la imprimación de fondo. El color de fondo es decisivo para determinar la paleta de colores que se usará luego. En mi caso, el punto de partida de una pintura puede ir de la gama de ocres rojizos al verde, pasando por el azul o el rosa fluorescente, por ejemplo.
En esta pieza interactiva, doy al espectador la posibilidad de jugar con una composición de elementos de mi pintura, e ir variando el color de fondo.
Ejemplo de código para conseguir un efecto Parallax en p5.js:
let image1, image2;
function preload(){
image1 = loadImage("assets/image1.png");
image2 = loadImage("assets/image2.png");
}
function setup() {
canvas = createCanvas(windowWidth, windowHeight);
}
function draw() {
front = map(mouseX, 0, width, width / 2 - 400, width / 2 + 200);
back = map(mouseX, 0, width, width / 2 - 150, width / 2 + 150);
image(image1, back, windowHeight-image1.height);
mage(image2, front, windowHeight-image2.height);
}