Beginning with the example program, create a program that will create 4 3 dimensional objects. You can use any of following geometries supported within the Three.js library: Sphere Cube Cylinder Torus Torus Knot Tube Using your selected geometry, create a scene in which there are 4 objects that appear as follows.

One of the objects must be colored with a texture. You can select any picture image that you would like for the texture. One of the objects should demonstrate transparency. There must be enough of the image showing so that we can see that the image exists but it must be partially transparent. A third object should demonstrate the use of a solid basic color, and the fourth should demonstrate the reflection of the local light source. 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.

Grading

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 URLs and submit with your assignment.

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 include 4 3D objects selected from the list? (Yes/No) (Sphere, Cube, Cylinder, Torus, Torus Knot, Tube)
• Was a texture applied to one of the objects? (Yes/No)
• Was a basic color applied to one of the objects? (Yes/No)
• Did the assignment demonstrate the ability to transform the object including:
  • Scaling increase and decrease the size of the object (Yes/No)
  • Rotation spin the object about its axis (Yes/No)
  • Transformation move the object in 3D space to another position (Yes/No)
• Was the JavaScript / Three.js code well documented (Scale of 1-4 where 1 is no comments and 4 is comprehensive comments)

Please write the program in jsbin. A link would do. Thanks