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

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

• Read and be prepared to discuss:
  • 9ALG 2: Search Engine Indexing
  • 9ALG 3: PageRank
• Blog 5 - Due 4/4 10:00 PM
• Wiki Draft - Due 4/15 10:00 PM

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:

• How did you feel reading this book? Engaged? Bored? Interested?
• What was the most interesting thing you learned?
• Were there any parts of the book you didn’t like?
• Were there any terms or concepts that you looked up (Googled) to find more information about? What were they? What did you find?
• Did this book help explain things you didn’t know about computers?
• Did this book leave you with any questions unanswered?
• Would you recommend this book to a friend that wanted to know more about computers?
• What is significant about this book? Why do you think it was chosen as a textbook?

Drawing in Scratch

• y = x
• y = 2x
• y = x²
• y = sin(x)
• Hexagon?
• Octogon?

Scratch Spirograph

Image Source: Wikipedia

Spirograph Math

Image Source: Wikipedia

Spirograph Math