So basically, I was using Duolingo and I noticed the new characters they added a while ago. I always liked the design of these characters and how they are just a bunch of smooth shapes together with nothing complicated. So I thought I would create a character that uses only circular edges shapes.
I also tried to add some interactivity to it. So, I made the eyes move with the mouse but only if the mouse is inside the eyes; other than that the eyes would be stuck to the side where the mouse is.
if (mouseX > 145 && mouseX < 175) {
fill(00000);
if (mouseY < 185 && mouseY > 150) {
fill(00000);
ellipse(mouseX, mouseY, 20, 35);
ellipse(mouseX + 57, mouseY, 20, 35);
} else if (mouseY >= 185) {
fill(00000);
ellipse(mouseX, 185, 20, 35);
ellipse(mouseX + 57, 185, 20, 35);
} else if (mouseY <= 150) {
fill(00000);
ellipse(mouseX, 150, 20, 35);
ellipse(mouseX + 57, 150, 20, 35);
} else {
ellipse(mouseX, 170, 20, 35);
ellipse(mouseX + 57, 170, 20, 35);
}
}
The character is basically just a face with eyes, eyelids, “hair”, a fragment of the body of it, a mouth, and a tongue.
Honestly, I also was thinking of adding the functionality of clicking on the tongue of the character pulling it, and moving it forward. I tried it but it kept generating weird fragments of visuals where stuff started collapsing and not making sense visually.