I'm in a hurry! Dual cycle of how to move up and down

Processing Coding Questions
1 
void setup() {
  size(640, 360); 
  noStroke();
  rectMode(CENTER);
}

void draw() {
  background(51); 
  fill(255, 204);
  rect(mouseX, height/2, mouseY/2+10, mouseY/2+10);
  fill(255, 204);
  int inverseX = width-mouseX;
  int inverseY = height-mouseY;
  rect(inverseX, height/2, (inverseY/2)+10, (inverseY/2)+10);
}

Move up and down the program how to do?

Novice is not too will do
I hope to help!!
please…

2

hi Lin
as you use the

  • mouseX for left/right and
  • mouseY for rectangle size

already
how to make a additional up down?
could use the mouseWheel
https://processing.org/reference/mouseWheel_.html

like in

float updown=0;

void setup() {
  size(640, 360); 
  noStroke();
  rectMode(CENTER);
}

void draw() {
  background(51); 
  fill(255, 204);
  rect(mouseX, height/2+updown, mouseY/2+10, mouseY/2+10);
  fill(255, 204);
  int inverseX = width-mouseX;
  int inverseY = height-mouseY;
  rect(inverseX, height/2+updown, (inverseY/2)+10, (inverseY/2)+10);
}

void mouseWheel(MouseEvent event) {
  float e = event.getCount();
  updown += 5*e;
}

from your title??
you talk circle, but you make rectangles??
check on
https://processing.org/reference/ellipse_.html

3

Trajectory is ring
Not the shape

4

Trajectory is ring
Not the shape

I don’t understand what that means.

Please explain using more words and more details.

5

Is a round，no ring sorry

6

what is your status, did you changed the rect to ellipse already?
if you have more questions pls. paste your actual code