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

  Create a simple warm-up program using your g3d

Create a simple warm-up program using your G3D programming and graphics environment.

  Shadow effect while rolling a sphere

Shadow effect while rolling a sphere as well as the options of shading and lighting.

  Relative positioning and interactive positioning

Relative Positioning and Interactive Positioning by Dragging and Clicking and some Simple Animation

  Draw a teapot at the global origin

Draw a teapot at the global origin

  Concepts of computer graphics

Concepts of Computer Graphics and develop a program using OpenGL

  The security policy document outline

Using the GDI Case Study below, complete the Security Policy Document Outline

  Develop the image manipulations

Develop the image manipulations

  What does resolution mean

What does resolution mean How is resolution connected to ppi and dpi units

  Differentiate between a bitmap image and a vector image

Differentiate between a bitmap image and a vector image Explain the following terms

  Essential elements of a design pattern

configuration of an Iterator pattern, patterns could be used in a Library System, Singleton, Template, Decorator, Façade,What does Alexander means by the following declaration "But it is impossible to form anything which has the temperament of natu..

  Framework of user interface design

design of user interfaces, natural mapping, GUI applications, web page design different to designing for printed media, risks exposed in this "phone as individual proxy" approach, interaction designers of ubicomp applications, Storyboards are usual..

  What are the factors affecting picture composition

Define picture composition What are the factors affecting picture composition. Elaborate on each factor Describe the basic lines present in a composition

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