0 index
1 Advanced Graphics
2 Advanced Graphics types
3 Ray Tracing
4 POV-Ray
5 Getting Started
6 Creating a scene
7 Modifying the look and feel
8 Cool, but now what?
9 More things to learn about POV-RAY
10 One example:
11 Morphing
12 Morphing general concept
13 Using MorphWin
14 Creating Animated GIFS
15 Using GIF Construction Set
16 Special Tricks
17 Warnings

outline
created using slideshow.cgi by Andy Harris















CSCI N241 Web Design: Advanced Graphics
1. Advanced Graphics
  • Why we need them
  • When to use them
  • Warnings



































CSCI N241 Web Design: Advanced Graphics
2. Advanced Graphics types
  • 3D Visualization (Ray Tracing)
  • Morphing
  • Animated GIFs



































CSCI N241 Web Design: Advanced Graphics
3. Ray Tracing
  • The basic principle:
  • Traces how light rays travel
  • from camera off objects to light source
  • scene definition language



































CSCI N241 Web Design: Advanced Graphics
4. POV-Ray
  • Free software
  • Extremely powerful
  • Full-featured
  • Not as friendly as commercial packages



































CSCI N241 Web Design: Advanced Graphics
5. Getting Started
  • Download and install
  • Run POV-RAY3.1
  • Look at a sample scene



































CSCI N241 Web Design: Advanced Graphics
6. Creating a scene
  • Add a camera
  • Add light
  • Add a shape (or two)



































CSCI N241 Web Design: Advanced Graphics
7. Modifying the look and feel
  • Changing the pigment of the floor
  • Changing the texture of the sphere
  • Moving camera and light
  • Moving other objects



































CSCI N241 Web Design: Advanced Graphics
8. Cool, but now what?
  • Auto-saved images
  • Conversion to web-ready format
  • Anti-aliasing, color depth



































CSCI N241 Web Design: Advanced Graphics
9. More things to learn about POV-RAY
  • Animation - create multiple images
  • Advanced textures and shapes - globs, smoke, etc
  • Rendering options for size and detail



































CSCI N241 Web Design: Advanced Graphics
10. One example:



































CSCI N241 Web Design: Advanced Graphics
11. Morphing
  • Basic concepts
  • Use and abuse
  • How it's used



































CSCI N241 Web Design: Advanced Graphics
12. Morphing general concept
  • Two different images
  • control points to determine central features
  • Estimates 'in-between' points, colors
  • Creates smooth transition between different images



































CSCI N241 Web Design: Advanced Graphics
13. Using MorphWin
  • Import two files
  • Choose control points
  • Define borders
  • Fire away



































CSCI N241 Web Design: Advanced Graphics
14. Creating Animated GIFS
  • Basic outline
  • Import images
  • Define control
  • combine



































CSCI N241 Web Design: Advanced Graphics
15. Using GIF Construction Set
  • Download GCS (or somehting like it)
  • Choose images - smaller is better
  • setting controls
  • loop or one-shot



































CSCI N241 Web Design: Advanced Graphics
16. Special Tricks
  • Import wizard
  • Banner wizards
  • Rotation



































CSCI N241 Web Design: Advanced Graphics
17. Warnings
  • Animation is VERY expensive
  • Use smaller images when possible
  • Low color depth = faster
  • No control once image is created



































outline

Advanced Graphics

Advanced Graphics types

Ray Tracing

POV-Ray

Getting Started

Creating a scene

Modifying the look and feel

Cool, but now what?

More things to learn about POV-RAY

One example:

Morphing

Morphing general concept

Using MorphWin

Creating Animated GIFS

Using GIF Construction Set

Special Tricks

Warnings