Top Banner
Applications of Computer Graphics
99

Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Jan 04, 2016

Download

Documents

Leo Shaw
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Applications of Computer Graphics

Page 2: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

• Business applications

• Maps

• Industrial applications

• Consumer applications

• Entertainment

• Education

Page 3: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Weather maps: Temperature, heat flow, rainfall

Page 4: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

architecture

Page 5: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

CAD

Page 6: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Mechanical engineering

Page 7: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Electric circuit design

Page 8: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

simulators

Page 9: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Chemical plants

Page 10: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Consumer products

Page 11: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Medical applications

Page 12: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Molecular Biology

Page 13: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

movies

Page 14: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Video games

Page 15: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer art

Page 16: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Hierarchical modeling

Page 17: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

2. Transformations

Page 18: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

3. Clipping

Page 19: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

4. Creating Curved surfaces

Page 20: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

3D Graphics

5. 3D Transformations

Page 21: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

6. Parallel projections

Page 22: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

7. Perspective views

Page 23: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Hidden Surface elimination

Page 24: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

8. Hidden Surface elimination

Page 28: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Generation of surfaces

Page 29: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Surfaces

Bilinear Interpolation

v

u

b00

b10

b11b01

u

v

Bilinear interpolation fits the simplest surface for the four corner points

Shape Representation

Page 30: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Surfaces

Bilinear Interpolation

Two Stage Process

v

v

bb

bb uu

ubbuvubvuX

vbbvb

vbbvb

11

)1(),(),(

)1(

)1(

1110

0100

0110

0100

1100

11100110

01000100

1

0

1

0

11 )()(),(i j

jiij vBuBbvuX

b11b01

b01

b01

Shape Representation

Page 31: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Surfaces

Coon’s Patch

Given Four Boundaries C1(u),C2(u),D1(v),D2(v)

)(),1(

)(),0(

)()1,(

)()0,(

2

1

2

1

vDvX

vDvX

uCuX

uCuX

v

u

C2

C1

D1D2

Shape Representation

Page 32: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Surfaces

Coon’s Patch

C1

C2

rC

Ruled surface between C1(u),C2(u)

D1

D2

rD

Ruled surface between D1(v),D2(v)

Shape Representation

Page 33: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

9. Bezier surface

Page 34: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Bezier surface patch

Page 35: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Bezier surface patches

Page 37: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Rendering

Illumination and shading models

Page 38: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

10. Shading

Page 39: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

• Diffused lighting • Specular Phong model

Page 46: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

n=15

10

large n: metalssmall n: paper

Specular Reflection

Background

IlluminationRendering

Page 49: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.
Page 51: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Polygon Shading

Flat Shading

• Computationally fast• Not smooth• Mach Band effect

ShadingRendering

Page 52: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Flat shading & Gourad shading

Page 53: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Flat polygon shading

Page 54: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Gouraud Shading

Interpolation

Ia Ib

I2

I3

I4Is

Scan line

Polygon Shading

I1 (x1, y1)

(x2, y2)

(x3, y3)

(x4, y4) Scan conversion!

ShadingRendering

Page 55: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Phong Shading

Polygon Shading

Na Nb

N2

N3

N4Ns

Scan line

N1 (x1, y1)

(x2, y2)

(x3, y3)

(x4, y4)

Ns Is

Illumination using Ns

ShadingRendering

Page 56: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Generation of solids

Page 58: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Surfaces

Sweep Surfaces

Translation sweep of a circle generates a cylinder

Translation sweep of a circle accompanied by scaling generates cone

Shape Representation

Page 59: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Sweep solids

Page 60: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.
Page 62: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

CSG

Page 63: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

AU

Page 64: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Fractals

Page 65: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

12. Fractals

Page 66: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.
Page 67: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Generating a dragon fractal

Page 68: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.
Page 69: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Fractal dimension

Page 70: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Page 71: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Conventional Animation

Process

• Story boardSequence of drawings with descriptions

• Key framesA few important frames as drawings

• InbetweensDraw the rest of the frames

• PaintingRedraw onto acetate Cels, color them

Page 72: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Conventional Animation

Stretch and Squash

Exaggeration with believability

Page 73: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Real Time vs. Image by Image

a) Real Time: Compute - Drawb) Image by Image: Compute – Store - Drawc) Display rate: 30 fps or 25 fps

Animation characteristics

• Spatial (position, orientation, form )• Temporal (velocity, acceleration )• Visual (color, texture )

Page 74: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Key Framing

• Selected (key) frames are specified• Interpolation of intermediate frames• Simple and popular approach• May give incorrect (inconsistent) results

Page 75: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Key Framing

Interpolation

Spline

Page 76: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

• Characteristic parameters for motion are specified and interpolated.• Less data is required

e.g for motion of an arm, the parameter could be rotation angle.

Parametric

Page 77: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Laws of motion: physical or procedural animation

t

y linear

actual

Algorithmic

Simulation

Page 78: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Example

Page 79: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Transformation of object shapes from one form to another

• Each form may be considered as a key frame• Establish common topology for the two key frames• Interpolate the intermediate frames

t

added point

Intermediate form

Morphing

Page 80: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Transformation of one image (source) to another image (target)

• Normalization of both images• Feature correspondence• Warping of the two images (spatial deformation)• Color blending

Image Morphing

Page 81: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Without feature correspondence (cross dissolving)

Source Destination

Image Morphing

Page 82: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Image Morphing

Correspondence

Page 83: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Image Morphing

Correspondence

Page 84: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Triangle Method• Feature points are marked on source and target.• These feature are given the correspondence. • Triangulate the points.• Interpolate triangulation for intermediate frames.• Warp the images, and blend colors.

Source Target

Image Morphing

Page 85: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Particle Systems

An object is represented as cloud of particles

Particles are not static; particle system evolves

Non deterministic

Particles are simple (computationally efficient) but can model complex amorphous objects and behaviors

Dust, Water fall, Rain, Fire, Cloud, Stars, Grass, Fur, etc

Page 86: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Particle Systems

• Generate new particles with initial attributes

• Particles have lifespan: Kill-off dead particles

• Modify particle attributes: color, position

• Render particles

In a typical particle system

Page 87: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Particle Systems

Particle Termination

For each new frame, particle’s life time is decremented by one

When life time = zero, the particle is removed

Page 88: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Particle Systems

Particle Animation

Particle dynamics

From force find acceleration

velocity

position

Other attributes (color, opacity, etc.) may also change with time

Page 89: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Particle Systems

Examples

Page 90: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Particle Systems

More Examples

Smoke and Fire

Page 91: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Computer Animation

Particle Systems

A grass clump is a particlesystem

A particle is a blade of grass

Draw parabolic streak over entire life time

Page 92: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

• Obvious approach for any camera moving shot

• The camera-character relationship is very

fundamental to animation

• View dependent animation – animation that

automatically changes in response to changes in

view point

View Dependent Character Animation

Page 93: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

View Dependent Character Animation

Page 94: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

View Dependent Character Animation

Page 95: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Camera Recovery

View Dependent Character Animation

Page 96: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Deformation

View Dependent Character Animation

Page 97: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

View Dependent Character Animation

Page 98: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Cloth Modeling

Page 99: Applications of Computer Graphics. Business applications Maps Industrial applications Consumer applications Entertainment Education.

Suggested Readings

• Computer graphics by Hearn and Baker, Pearson Publications

• Computer graphics by Foley, Van Dam, and others, Pearson Publications

• Computer graphics by Hanmandlu, BPB publications

• Procedural elements of Computer Graphics by Rogers, McGraw Hill