Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

CIS 115

Computer Graphics

Steve Russell & PDP-1

Image Source: Wikipedia

Spacewar!

Image Source: Wikipedia

Animations

Image Source: Wikipedia

Cathode Ray Tube (CRT)

Image Source: Wikipedia

René Descartes

Image Source: Wikipedia

Cartesian Coordinates

Image Source: Wikipedia

Display Coordinates

Pixel

Image Source: Wikipedia

3D Graphics

Image Source: Wikipedia

Wireframe

Edges

  1. 1 → 2
  2. 2 → 3
  3. 3 → 4
  4. 4 → 1
  5. 5 → 2
  6. 6 → 7
  7. 7 → 8
  8. 8 → 5
  9. 1 → 5
  10. 2 → 6
  11. 3 → 7
  12. 4 → 8

Vertices

  1. 1,1,1
  2. 1,-1,1
  3. -1,-1,1
  4. -1,1,1
  5. 1,1,-1
  6. 1,-1,-1
  7. -1,1,-1
  8. -1,-1,-1

Wireframe

Suzanne

Image Source: Wikipedia

Perspective Projection

Image Source: Wikipedia

Perspective Projection

Image Source: Wikipedia

Ray Tracing

Image Source: Wikipedia

Ray Tracing

Image Source: Wikipedia

Shader

Image Source: Wikipedia

Image Source: Romain Vergne

Graphics Processor

Image Source: Wikipedia

Mapping 1 - Textures

Apply details to simple structures

Image Source: Eduard Groller & Stephan Jeschke

Mapping 2 - Shadows

Image Source: Wikipedia

Mapping 3 - Reflections

Image Source: Wikipedia

Mapping 4 - Transparency

Screendoor or Alpha Blending

Image Source: TU Wien and Stack Overflow

Mapping 5 - Bump Mapping

Image Source: Wikipedia

Mapping 6 - Displacement Mapping

Image Source: Wikipedia

Computer Animation

Image Source: Wikipedia

Uncanny Valley

Image Source: Wikipedia

Voxel

Image Source: Wikipedia

Voxel Example

Image Source: Wikipedia

Minecraft

Image Source: Wikipedia

Assignments

Blog 5: Making Meaning - Tubes

Now that we’ve finished reading the next textbook, it is time to step back and think about what we read. Write about your reactions to it and what you learned from it. I’d recommend almost treating this like an in-depth book review for others who are interested in reading the book, but don’t mind some spoilers. Some questions I’d like you to answer:

Drawing in Scratch

Scratch Spirograph

Image Source: Wikipedia

Spirograph Math

Image Source: Wikipedia

Spirograph Math