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

Lecture 23: 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

Graphics Processor

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 11: Human Computer Interaction

One of the defining factors of any computing technology is how humans are able to interact with it. Early systems had just a text console and a keyboard, but more recent systems feature things such as multi-touch interfaces and voice commands. Movies such as Minority Report, The Matrix, and Ghost in the Shell have shown various visions of the computer interfaces of the future. Choose a computer interface that you feel is interesting, either a real one from history or an imagined one from fiction, and tell us a bit more about how people would use it. Some ideas for discussion:

Drawing in Scratch

Scratch Spirograph

Image Source: Wikipedia

Spirograph Math

Image Source: Wikipedia

Spirograph Math