Write an interactive webgl program

Assignment Help Computer Graphics
Reference no: EM13909738

Transformations

Write an interactive WebGL program that stores points and colors in GPU memory once, then uses matrix transformations to modify the scene in various ways.

Requirements

1. Store the vertices and colors in GPU memory.

2. Use the built-in hidden-surface removal.

3. Use matrix transformations to perform the following tasks:

a. Perspective projection - farther objects should appear smaller than closer objects.

b. Translation (displacement to a different location)

c. Object duplication - use the same object definition and matrix transformations to replicate an object (or objects) at least 10 times in the scene.

d. Scaling - resizing and/or stretching

e. Animation - automatic or in response to input. Animation should be implemented using the setTimeout and requestAnimFrame function.

4. Make the renderings original and attractive. Your graphics should not look similar to anyone else's in the class, nor to any provided examples.

5. Update the window title to describe the program.

6. Below the canvas element, add a content section for debugging information that (at the very least) includes a count of the number of points used. Do not hard code the information. Instead, draw from your JavaScript variables. The information may be displayed in a textarea, text box, on a button, as an alert that responds to a button, etc.

7. Put any project notes at the bottom of the HMTL page, including whether you did extra credit, added any special features, or have any issue with your project.

8. (Extra credit) Allow more than one view of the scene.

Tips

• For simplicity, consider defining all object centered at the origin, then translating them to where they belong.

• With no lighting effects, surfaces with no color interpolation will appear flat.

• The order of triangle vertices should follow the right-hand rule: specified in counter clockwise order for the side facing the viewer.

Reference no: EM13909738

Questions Cloud

Production department of a process manufacturing system : During April, the production department of a process manufacturing system completed a number of units of a product and transferred them to finished goods.
The production department described : The production department described in Exercise 20-8 had $ 850,000 of direct materials and $ 650,000 of direct labor cost charged to it during April.
What is the beta of the acme assets : Acme currently has a capital structure of 20% debt to total assets, based on current market values. The current debt is riskless and more debt can be taken on, up to a limit of 35% debt, without making the debt risky and losing the firm's ability ..
What primary advantages of the capital asset pricing model : What are the primary advantages and disadvantages of the Capital Asset Pricing Model (CAPM) compared with the Constant Dividend Growth Model for use in pricing common stock?
Write an interactive webgl program : Write an interactive WebGL program that stores points and colors in GPU memory once, then uses matrix transformations to modify the scene in various ways.
The production department in a process manufacturing system : The production department in a process manufacturing system completed 80,000 units of product and transferred them to finished goods during a recent period. Of these units, 24,000 were in process at the beginning of the period.
What is expecte number of user able to continue using system : What is the probability that a particular user, say user 1, is able to continue using the system? What is the expected number of users able to continue using the system?
Calculate the monthly return for each stock or etf : Calculate the monthly return for each stock or ETF. For stocks and the ETF, do this the normal way, but make sure you are moving the correct way through time! For the T-Bill, the rate you download is the annualized percentage return.
Plasminogen for directional subcloning : Design PCR primers to amplify Kringles 2-4 of human plasminogen for directional subcloning into PBluescript. Show the exact sequence where the PCR product is directionally ligated (2 restriction enzymes) into the vector ( don't show all the interv..

Reviews

Write a Review

Computer Graphics Questions & Answers

  How to work on datasturetur assignment how to work on

how to work on datasturetur assignment how to work on datasturetur assignment how to work on datasturetur assignment

  What type of animation is produced by the line

what type of animation is produced by the line y=mx+c

  Differences in database design models

Make a poster or presentation, which graphically depicts differences between database design models.

  What role does corporate-level strategy play in relation to

what role does corporate-level strategy play in relation to business-level strategy?what roles do a firms core

  This is an opengl assignment using c my compiler is ms

this is an opengl assignment using c. my compiler is ms visual c express. details work on a particle and mesh

  How many minutes of uncompressed digital video can be stored

Approximately how many minutes of uncompressed digital video could be stored and played from a standard (single-speed) CD-ROM at 640 X 480 resolution using 256 colors?

  Website template design

Recognize a few sites that appear to be designed using either a template or style sheet. What types of documents lend themselves easily to templates?

  Discuss how the graphics are misused

Find an example of a document that misuses graphics. This can be a document that you have received (please blot out any sensitive information and names) or a document that you find on the Internet.

  Use audio narration to explain the materials

Example digital media projects include, A video using photos and audio narration to explain the materials necessary for completing the tutorial successfully

  Define graphical user interface design

Graphical User Interface Design

  User interface impact the application developers

How did Linux and the (GUI) graphical user interface impact the application developers?

  Rank document relevance by number of times input keyword

You should also rank document's relevance by number of times input keyword occurs in document. How to rank document's relevance by number of times input keyword occurs in document.

Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd