CMSC 405 Project 3 - Three.js create a unique 3D animated scene

Project 3

Three js Project

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:

1. Using Three.js create a unique 3D animated scene. The scene has the following specifications:

a. Size: minimum of 640x480

b. Includes at least 6 different shapes

c. Uses multiple lighting effects

d. Includes radio buttons, slider bars or other widgets to turn on or off certain components of the animation.

2. Use Three.js

3. All JavaScript source code should be written using Google JavaScript style guide.( http://google.github.io/styleguide/jsguide.html)

4. 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:

1. All JavaScript source code used for this project. Code should adhere to the Google Javascript style guide.

2. 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 640x480. (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