In chapter 2 of our text we are introduced to graphics modeling. We discovered that we can build graphics models using vertex coordinates. A vertex is a point and the graphics API draws lines between two points. We also discovered that when the vertices form a closed object such as a polygon, we can apply a surface to it the object. Finally we learned that we can put such polygons together to create objects with 3 dimensions.

In chapter 3 of the text, we learned how to use OpenGL functionality to implement vertices to create points, linesegments, polygons, and polyhedrons. For the unit 2 assignment you must utilize the comparable functionality within WebGL to create a Polygon Square composed of 4 vertices. Your square should have a surface and be either red or blue in color and must spin slowly on its access. You will be given example code that creates a Polygon Triangle that is yellow in color and you will need to modify the code. Make sure that you document your code with liberal comments to ensure that a reviewer understands what you were attempting to do within the assignment. When you have completed the assignment, you must click on the share button and copy both the Live and Full Preview and the Code View ULS and submit with your assignment.

Grading Rubric

You will have ONE WEEK to complete this assignment and it is due at the end of this unit. Your assignment will be assessed (graded) by your peers using the following rubric. You should post this assignment by submitting the URLs from the Jsbin.com environment for both the Live and Full Preview and the Code View. You can also submit your JavaScript code but you should only cut and paste the code into the submission dialogue box. DO NOT attach the source code document.

Grading criteria:

• Did the assignment output produce a Polygon with 4 vertices?
• Was the Polygon colored either Red or Blue and was it fully surfaced?
• Did the assignment demonstrate the ability to transform the object including:
  • Scaling increase and decrease the size of the object
  • Rotation spin the object about its axis
  • Transformation move the object in 3D space to another position
• Was the JavaScript / Three.js code well documented

Will need the answer in 2 days if possible.