Graphics Assignment # 1 - Recreate Four Images

By this point you should be starting to develop a familiarity with P5, Javascript, and how computers process information. Below are a series of four different images generated from P5 code. This assignment is designed to test your ability to place the various shapes mentioned in the first section of this unit, as well as your understanding of the color concepts from the last page. To do this, open a new P5 project and recreate the images shown as accurately as possible. (for a total of 4 separate sketches)

Be sure to consider the following for each image:

  • The number and relative location of each shape
  • Outlines
  • Colors of both shapes and backgrounds
  • Order of code needed to create any layered shapes
  • Transparency

See the Pen Graphics Assignment 3 - Bug Squish Game! Solution by LSU DDEM (@lsuddem) on CodePen.

https://codepen.io/lsuddem/pen/667d8127cb0eae4e05e3247a466206a0

See the Pen Graphics Assignment 3 - Bug Squish Game! Solution by LSU DDEM (@lsuddem) on CodePen.

https://codepen.io/lsuddem/pen/485e2f98c817e9f714942d8af82acd8d

See the Pen Graphics Assignment 3 - Bug Squish Game! Solution by LSU DDEM (@lsuddem) on CodePen.

https://codepen.io/lsuddem/pen/0f39102efb7e07da0eb9e3dec30e3ac2

See the Pen Graphics Assignment 3 - Bug Squish Game! Solution by LSU DDEM (@lsuddem) on CodePen.

https://codepen.io/lsuddem/pen/5c8f765ebcdbbe13278818d93ca5ecac