Main Class Architecture

See the code instructions: https://openprocessing.org/sketch/957133

This exercise refers to the following tutorials: https://www.openprocessing.org/sketch/949624 https://www.openprocessing.org/sketch/949597

Turn your final sketch/answers to this collection.

Instructions:

1) Using the mousepressed function to find exact coordinates, create and join 2 or more quad shapes together to create the illusion of 3D.

2) When you save your work please take a screenshot in the settings that showcases your design on your thumbnail.

Challenge Assignment: Use the beginShape() function to create a star.

This exercise refers to the following tutorials: https://www.openprocessing.org/sketch/949624 https://www.openprocessing.org/sketch/949597 https://www.openprocessing.org/sketch/949624

1) Code a place (indoor or outdoors).

2) When you save your work please take a screenshot in the settings that showcases your design on your thumbnail.

Challenge Assignment: Make your design in perspective.

These exercises refers to this tutorial: https://www.openprocessing.org/sketch/872485

See starter code sketch with instructions.

This exercise refers to this tutorial: https://openprocessing.org/sketch/950790

See starter code sketch with instructions.

This exercise refers to this tutorial: https://www.openprocessing.org/sketch/876152

See starter code sketch with instructions.

These exercises refer to this tutorial: https://www.openprocessing.org/sketch/950794

See the sketch made by the teacher labeled "Starter Code". You will only be able to see the design (not the code). You will have to recreate the code from scratch. The green ellipses are randomized on a second clear canvas. The rectangle is spinning automatically.

This exercise refers to this tutorial (pages 1 and 2): https://www.openprocessing.org/sketch/876139

And page 3 of this tutorial: https://www.openprocessing.org/sketch/872485

Once completed submit to this collection.

INSTRUCTIONS:

This is a collaborative code assignment - so only 1 design for the entire breakout group. Each person in the group works on the SAME sketch associated with their break-out group number. Do not make a fork - everyone codes on this same sketch. Together your team will need to communicate well.

Each team member should contribute equally to the design. If you need to test your code (by pushing “play”) then comment out the unfinished lines of code from everybody first. It is helpful to make a plan for the group before you start. No image imports!

Comment your name after the lines of code you write to receive credit for this assignment!

The measure of success is not only completing the design but also making sure everyone is included!

Design a candy store with 3 rollover animations.

This exercise refers to this tutorial: https://www.openprocessing.org/sketch/950807

See the sketch made by the teacher labeled "Starter Code". You will only be able to see the design (not the code). You will have to recreate the code from scratch.

Hints: The solution uses 6 rectangles. The solution uses one "if" statement and one "else if" statement. Once completed submit to this collection.

This exercise refers to this tutorial: https://www.openprocessing.org/sketch/961259

Make a garden by importing 4 different .png images with invisible backgrounds.

This exercise references this tutorial: https://www.openprocessing.org/sketch/965795

Make a neighborhood by importing 4 different .png images with invisible backgrounds. Then...

1) Make one picture move off screen with a custom variable.

2) Make one picture follow the mouse.

3) Make one picture fade out to invisible with the tint() command and a custom variable.

This exercise references these tutorials: https://www.openprocessing.org/sketch/965877

Using regular text, custom fonts, and the color scheme of your choice - create in code a banner that moves across the screen and says:

Favorite quote and the name of who said it.

This exercise references this tutorial: https://www.openprocessing.org/sketch/877244

Make a fork of the following sketch: https://openprocessing.org/sketch/1086664

Add to the code so that:

1) The spinner is displayed but only rotates when your mouse hovers over it.

2) The skateboard is displayed but only moves right when your mouse hovers over the word "Moving -->"

Submit your exercise to this collection.

Open the "Ellipse Color Toggle Button" code example in this collection - you will only be able to see the design sketch (not the code). Click on the ellipse to verify that it toggles between blue and green when you click it. Now, make your own version of a color switch button that functions the same way as the example. Turn it into this collection.

This exercise refers to page 2 of this tutorial: https://openprocessing.org/sketch/969543