The due date for this assignment is listed on Canvas. (Dates on the schedule on our main web page indicate the date you should begin the assignment.)
In this assignment, you’ll draw a company logo. Here’s some starter code for you. Download it, unzip it, and open logo.html with Firefox. You should see a pretty blue and black disc-shaped logo. Don’t close this window – you’ll need it soon!
Open logo.js for editing in Atom. As you edit the Javascript code, you can see the results by pressing the reload arrow on the top left corner of the browser window.
Using a combination of the graphics functions from lecture 1 (fill, rect, ellipse, arc, etc.), draw a company logo of your choosing or design. See here for a complete list of the available graphics functions. Shown below, for example, is a simple logo that I created with two circles (one black, one blue) and two white lines (one horizontal, one vertical). We encourage you to explore the processing.js documentation and be creative with your design.
As you edit your code, the picture won’t change in the web browser unless you click “refresh” on the tab showing the picture. Under rare circumstances, you might need to use an incognito window if the picture doesn’t seem to be refreshing.
Submit your Javascript file logo.js and the html file logo.html (even though you probably didn’t change it) by uploading them to Canvas under assignment 1.