Skip to main content

Computer Graphics and Multimedia: Assignment 1

Computer Graphics and Multimedia
Assignment 1
    • Notifications
    • Privacy
  • Project HomeComputer Graphics and Multimedia
  • Projects
  • Learn more about Manifold

Notes

Show the following:

  • Annotations
  • Resources
Search within:

Adjust appearance:

  • font
    Font style
  • color scheme
  • Margins
table of contents
  1. Module 1
    1. Introduction to Computer Graphics with WebGL
    2. Assignment 1
    3. Assignment 2
  2. Module 2
    1. Working with WebGL and JavaScript
    2. Assignment 1
    3. Assignment 2
  3. Module 3
    1. Animation and Geometric Transformations
    2. Assignment 1
    3. Assignment 2
  4. Module 4
    1. Viewing and Projections
    2. Assignment 1
    3. Assignment 2
  5. Module 5
    1. Lighting and Shading
    2. Assignment 1
    3. Assignment 2
  6. Module 6
    1. Texture Mapping and Matrix Stacks
    2. Assignment 1
    3. Assignment 2
  7. Module 7
    1. Skyboxes and Shadow Maps
    2. Assignment 1
    3. Assignment 2
  8. Module 8
    1. Modeling and Hierarchy - Building Scenes
    2. Assignment 1
    3. Assignment 2

CS 4722 - Computer Graphics and Multimedia

Module #1, Assignment #1


Exercise #1

The Square Program:

Convert the above Square.html and Square.js program to a program that uses two sliders to modify the length and height of the square as shown below:

Change the name of the files to InnerSquare.html and InnerSquare.js and change the color of the inner square to blue and the outer edge to red.



Exercise #2

The following 2DSierpinskiTriangle.html program creates one or more Red Sierpinski triangles.

Modify the 2DSierpinskiTriangle.html HTML code and the 2DSierpinskiTriangle.js Javascript code so that the program uses a slider instead of an input textbox, and so that the color of the triangles change with each new number of divisions:


Add a Comment block section to the top of your Javascript file in this assignment with the following information filled in using the following format:

/*
 * Course: CS 4722
 * Section: .....
 * Name: ......
 * Professor: ......
 * Assignment #: ......
 */

Be sure your program runs without error.

Deliverables

Turn in the files:

  • InnerSquare.zip (with your HTML and JS files)
  • 2DSierpinskiTriangle.zip (with your HTML and JS files)

Do this by uploading the file as an attachment to this Module's assignment drop box in D2L Brightspace.

Annotate

Next Chapter
Assignment 2
PreviousNext
Powered by Manifold Scholarship. Learn more at
Opens in new tab or windowmanifoldapp.org