Here is my self portrait done with circles and words when the mouse is moved. Because the image is filled with color it is hard to see the full image through the code but I like it that way because it adds to the ambiguity of the picture
portrait 09Download
var flora;
var words =['flora' , 'xia' , 'FX' , 'fleur']
function preload() {
flora = loadImage("https://i.imgur.com/tXb4FAg.jpg");
}
function setup() {
createCanvas(480, 480);
background(255);
flora.loadPixels();
frameRate(2000);
}
function draw() {
//set up variables
var x = random(width);
var y = random(height);
var ix = constrain(floor(x), 0, width-1);
var iy = constrain(floor(y), 0, height-1);
//creating the text at mouse
var colorAtMouse = flora.get(mouseX, mouseY); //color at pixel
fill(colorAtMouse);
textSize(random(2, 15));
text(random(words), mouseX, mouseY);
//creating the shape that appears randomly
var colorAtXY = flora.get(ix, iy);
fill(colorAtXY);
noStroke();
circle(x, y, random(1, 8));
}