1
Project 4
WebGL 3D Project
Overview
In this project you will create a unique 3D animated scene composed of WebGL graphic components.
The scene should include animation, lighting, textures, frame buffers and multiple objects.
Requirements:
1. Using WebGL create a unique 3D animated scene. The scene has the following specifications:
a. Size: minimum 640x480
. Includes at least 10 different objects.
c. Uses multiple lighting effects on different materials
d. Uses multiple textures
e. Includes radio buttons, slider bars or other widgets to turn on or off certain components
of the animation.
f. Uses frame buffers to organize the memory resources that are needed to render the
scene.
2. Use WebGL
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
esults 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 WebGL animated scene. The document should
e well-written, well-organized, include your 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.
Criteria
Design
Functionslity
Testing
Documentation snd
deliversbics
45 points ras
Methods used to isolate functionality (25 pints)
Code s efficient without sacrificing readability and understanding. (10 points)
Code can easily be used and maintained. (10 pints)
115 points rus
Creates a unique 30 animated scene. (30 points)
Sizeis st east 640x XXXXXXXXXXpoints)
Includes st leat 10 different objects. (10 points)
Uses multiple lighting effects on diferent materi. (10 points)
Uses multiple textures (10 points)
Includes radi buttons, sider bars or other widgets to tum on or off certain companents of the animation. (25
points)
Uses frame buffers to organize the memory resources that ae needed to render the scene. (10 pints)
Uses WebGL (10 points)
20 paints 120
Prepares, conducts and documents test plan verifying the application is functioning propery. (20 points
45 points ras
Submits ll JavaScript source code used for this project. (10 points)
Code acheres tothe Google JavaScript style guide XXXXXXXXXXpoints)
‘Submits Word or POF fil demonstrating with clearly labeled screen captures and associated well-written
descriptions, the successful execution of your 3D Threejs scene XXXXXXXXXXpoints)
The document is well written, well-organized, includes the est plan includes page numbers, captions for al
screen captures, and 3 tile page including your name, class, section number and date References ar included
for ll sources used and formatted in APA syle. (10 points)