Learning Processing - 1

We are doing optional classes for the remainder of the semester, in which we will be learning some basic Processing coding. Which will be helpful for Arduino going forward, so that's great!
Coding is definitely like learning another language (and there are so many coding languages on top of that!) which I have a hard time remembering what to do.

We went over creating shapes and lines. Colors with transparency added. As well as key presses. All of which I incorporated into the practice logo. I also enjoy using the random(); function as I think it adds visual interest to the ellipse.
I kept in mind the order placement functions in the setup and draw so I could create a layered effect of color-changing circles that reveal the hidden logo as they bounce around the canvas.
The viewer is able to stop the draw function at any time by the keypress 'r' which invokes a noloop, this way if the bouncing ellipse is too distracting they can focus on what has been randomly created just for them.
Please see my notes throughout the code for more information on what I created!

//variables used for the ellipse float dia = 30; float x = 0; float speedx = 3; //random start postions for x and y between 1-350 float dirx = random(350); float y = 0; float speedy = 3; float diry = random(350); void setup(){ size(350,350); background(0); //program delay added to keep screen at setup phase for 4s delay(4000); } void draw(){ //movement and speed of ellipse so it bounces off of the sides of the canvas x += speedx * dirx; y += speedy * diry; if(x > width - (dia/2)){ dirx = -1; speedx = random(2,10); } if(x < 0 + (dia/2)){ dirx = 1; speedx = random(2,10); } if(y > height - (dia/2)){ diry = -1; speedy = random(2,10); } if(y < 0 + (dia/2)){ diry = 1; speedy = random(2,10); } //playing with random color for both fill and stroke of the ellipse, and a static alpha transparnecy of 50% as well as thickness of the stroke weight up to 100 stroke(random(255), random(255), random(255),50); strokeWeight(random(150)); fill(random(255), random(255), random(255),50); ellipse(x,y,dia,dia); //C noFill(); stroke(0); strokeWeight(15); arc(112,119,150,150,radians(30),radians(320)); strokeWeight(10); arc(112,119,100,100,radians(30),radians(320)); strokeWeight(5); arc(112,119,50,50,radians(30),radians(320)); //M strokeWeight(15); line(173,302,209,164); line(209,164,250,211); line(250,211,285,164); line(285,164, 329,302); strokeWeight(10); line(194,303,218,205); line(218,205,250,240); line(250,240,277,205); line(277,205,309,303); strokeWeight(5); line(208, 304,225,236); line(225,236, 250, 259); line(250,259, 270, 235); line(270, 235,293, 304); //pressing r will stop the loop/draw as well as print to console to verify keyPressed();{ if(keyPressed){ if(key=='r'){ println("you did it"); noLoop();} } } }