Quiero configurar/llenar el color de mi texto (promedio de 450 palabras) con el mismo color de la imagen precargada en mi lienzo en P5js/JS. ¿Alguien puede ayudarme con cómo hacer eso?
Desea obtener el color de una imagen y luego fill con ese color para que el texto sea del mismo color.
Aquí hay un enlace a la documentación del método get() que es lo que está buscando.
Para hacer esto, usamos el método get(x, y) para obtener el píxel en una ubicación específica, esto nos devuelve un valor RGBA que podemos usar para completar.
He reunido un ejemplo realmente simple para demostrar esto:
let img; function preload() { img = loadImage('img.jpg'); } function setup() { createCanvas(400, 400); image(img, 0, 0); let c = get(0, 0); fill(c); } function draw() { background(0); image(img, 0, 0); textSize(20); text('I am the same colour', 100, 350); }Solo estoy agarrando el primer píxel y llenándolo con eso. Aquí hay un enlace a un boceto de p5.js para que pueda verlo en ejecución.