How do I move a shape with mutiple parts when i press a key?

Hello Tyler! 

You can use a loop, which will make it more easier, or an IF/ELSE statement to help move your circle even OOP(Object Oriented Program) if you want, it would be more easier fo you! 

Hope this is helpful! 

-Kind Regards, 

~Jessica.

One way to do it is to use OOP, like Jessica said. This would involve using this.x and this.y, and this.x+number and this.y+number for other shapes.

Another way to do it is to use push and popMatrix, which is a bit easier (although I do use the former way for simpler designs, this is helpful for more complicated ones). Here is an example of what I mean:

var keys = [], thingX = 200;

var thing = function(x, y){

pushMatrix();
translate(x, y);
ellipse(0, 0, 24, 50);
ellipse(0, -35, 20, 20);
ellipse(-10, 30, 15, 15);
ellipse(10, 30, 15, 15);
popMatrix();

if (keys[RIGHT]){
thingX++;
}
if (keys[LEFT]){
thingX--;
}
};

draw = function(){
background(255);
thing(thingX, 200);
};
keyPressed = function(){
keys[keyCode] = true;
};
keyReleased = function(){
keys[keyCode] = false;
};

I made a code to explain it, you can find it in my profile under projects, it's called "IDK =P", so go to my profile via the link and go into that code to see it (with some instructions, to make it easier to understand it

http://khanacademy.org/profile/CringeUsername