Description
Overview
In this project you will create a unique 3D animated scene composed of Three.js graphic components.
The scene should include animation, lighting and multiple objects.
Requirements:
-
Using Three.js create a unique 3D animated scene. The scene has the following specifications:
-
-
Size: minimum of 640×480
-
-
-
Includes at least 6 different shapes
-
-
-
Uses multiple lighting effects
-
-
-
Includes radio buttons, slider bars or other widgets to turn on or off certain components of the animation.
-
-
Use Three.js
-
All JavaScript source code should be written using Google JavaScript style guide.( http://google.github.io/styleguide/jsguide.html)
-
Prepare, conduct and document a test plan verifying your application is working as expected. This plan should include a test matrix listing each method you tested, how you tested it, and the results of testing
Deliverables:
-
All JavaScript source code used for this project. Code should adhere to the Google Javascript style guide.
-
Word or PDF file demonstrating with clearly labeled screen captures and associated well-written descriptions, the successful execution of your 3D Three.js animated scene. The document should be well-written, well-organized, includes the test plan, include page numbers, captions for all screen captures, and a title page including your name, class, section number and date. References should be included for all sources used and formatted in APA style.
Grading guidelines:
Attribute |
Meets |
Design |
20 points |
Methods used to isolate functionality (10 points) |
|
Code is efficient without sacrificing readability and understanding. (5 |
|
points) |
|
Code can easily be used and maintained. (5 points) |
|
Functionality |
50 points |
Uses Three.js create a unique 3D animated scene. (5 points) |
|
Scene is at least 640×480. (5 points) |
1
Includes at least 6 different shapes. (10 points) |
|
Uses multiple lighting effects. (10 points) |
|
Includes radio buttons, slider bars or other widgets to turn on or off |
|
certain components of the animation. (10 points) |
|
Uses Three.js (10 points) |
|
Testing |
10 points |
Prepares, conducts and documents a test plan verifying the application is |
|
functioning properly. (10 points) |
|
Documentation and |
20 points |
deliverables |
Submits all JavaScript source code used for this project. (5 points) |
Code adheres to the Google JavaScript style guide. (5 points) |
|
Submits Word or PDF file demonstrating with clearly labeled screen |
|
captures and associated well-written descriptions, the successful |
|
execution of your 3D Three.js scene. (5 points) |
|
The document is well-written, well-organized, includes the test plan, |
|
includes page numbers, captions for all screen captures, and a title page |
|
including your name, class, section number and date. References are |
|
included for all sources used and formatted in APA style. (5 points) |
2