COMP 175 | COMPUTER GRAPHICS

Remco Chang 1/2601 - Introduction

Lecture 01:

Introduction

COMP 175: Computer GraphicsJanuary 15, 2015

COMP 175 | COMPUTER GRAPHICS

Remco Chang 2/2601 - Introduction

People

Instructor:Remco Changremco@cs.tufts.edu

Office: Halligan 221Hours: ??

TA:Stefan DimitrovStefan.Dimitrov@Tufts.edu

Office: ??Hours: ??

TA:Louis.AdesLouis.Ades@Tufts.edu

Office: ??Hours: ??

TA:Sophia Panuthos Sophia.Panuthos@Tufts.edu

Office: ??Hours: ??

COMP 175 | COMPUTER GRAPHICS

Remco Chang 3/2601 - Introduction

• Meeting Time:• Tuesday, Thursday from 1:30-2:45• H+ Block

• Quick Poll:• Laptops?• Operating Systems?• C++ proficiency?• Linear Algebra?• People who took 150VIZ?• Gamers?

Clarification!

COMP 175 | COMPUTER GRAPHICS

Remco Chang 4/2601 - Introduction

• Prerequisites• COMP 40

• Machine Structure and Assembly-Language Programming • Implies: COMP 15 (Data Structures)• Implies: proficiency with C++ and memory management

• Linear Algebra• Vector and Matrix math

Clarification!

COMP 175 | COMPUTER GRAPHICS

Remco Chang 5/2601 - Introduction

• Questions?• Conflicts with schedule?• Don’t have the prereqs?

• Schedule a time and come talk to me…

Clarification

COMP 175 | COMPUTER GRAPHICS

Remco Chang 6/2601 - Introduction

3D world map to 2D

How to do it?

What is Graphics?

COMP 175 | COMPUTER GRAPHICS

Remco Chang 7/2601 - Introduction

3D world map to 2D

How to do it? Geometry transform Per-pixel operation

What is Graphics?

COMP 175 | COMPUTER GRAPHICS

Remco Chang 8/2601 - Introduction

Geometry

View

Complex scene

Putting pixels on a 2D canvas

Putting (pretty) pixels on a 2D canvas

What is Graphics?

COMP 175 | COMPUTER GRAPHICS

Remco Chang 9/2601 - Introduction

3D world map to 2D

How to do it? Fixed pipeline Programmable pipeline

Going from fix pipeline into programmable pipeline

What is Graphics?

COMP 175 | COMPUTER GRAPHICS

Remco Chang 10/2601 - Introduction

Why expensive graphics cards?

Why are they fast (at graphics)?

Are they good at anything else?

Example for parallelizable vs. serial-only algorithms Let’s try sorting…

What Does your Graphics Card Do?

COMP 175 | COMPUTER GRAPHICS

Remco Chang 11/2601 - Introduction

Creativity, Creativity, Creativity We will teach you the tools, the rest is up to you! Example: what is the most popular PC game of all time?

There are 3 ways to impress me: Do something cool in your (visual/graphics) design Do something cool in your (code) design Do something cool in your (optimization) design

Spirit of this class

COMP 175 | COMPUTER GRAPHICS

Remco Chang 12/2601 - Introduction

Course website: http://www.cs.tufts.edu/comp/175

Assignments Labs Syllabus Support Code Textbooks Grading Accommodation

General Information

COMP 175 | COMPUTER GRAPHICS

Remco Chang 13/2601 - Introduction

Assignments (3% + 10% each): 1. Shapes 13% 2. Camera 13% 3. SceneView 13% 4. Modeler 13% 5. Ray Tracer 13%

Final Project 15% Labs 20% (2% each) Total 100%

Grading

COMP 175 | COMPUTER GRAPHICS

Remco Chang 14/2601 - Introduction

Paired Programming Work in a team of two We don’t recommend switching partners...

Online Resources There are lots of resources online Use them for understanding, but again, you must turn in

your own work!

Teams and Outside Help

COMP 175 | COMPUTER GRAPHICS

Remco Chang 15/2601 - Introduction

10 Labs total

Should be doable within a couple of hours…

If not, you have 1 week to complete it

In Class Labs

COMP 175 | COMPUTER GRAPHICS

Remco Chang 16/2601 - Introduction

There are 5 Assignments

You have 2 weeks to complete each one Except for the Spring Break week

An algorithm sheet needs to be submitted after 1 week

Take-Home Assignments

COMP 175 | COMPUTER GRAPHICS

Remco Chang 17/2601 - Introduction

Creating 3-dimensional objects using triangles

Write code to break up common geometric shapes into triangles (tessellation)

Rectangles, spheres, cylinders, and cones

Data structure of points, lines, polygons, shapes

Assignment 1: Shapes

COMP 175 | COMPUTER GRAPHICS

Remco Chang 18/2601 - Introduction

Write a (software) perspective camera

Maintain transform matrices, from world to screen and inversely from screen to world

Implement pan, zoom, rotate, etc. for the camera

Become comfortable with matrix manipulation

Assignment 2: Camera

COMP 175 | COMPUTER GRAPHICS

Remco Chang 19/2601 - Introduction

Maintain and render a hierarchical scene

Uses the primitives created in Shapes, and the view transform from Camera

Apply hierarchical transform of rotation, translation, and scaling to render a 3D scene

Management of hierarchical data structure

Assignment 3: SceneView

COMP 175 | COMPUTER GRAPHICS

Remco Chang 20/2601 - Introduction

Cast rays to intersect with a 3D scene

Add user interactivity to move the objects using a mouse

Output 3D scene files

Become comfortable with going from 2D to 3D and 3D to 2D

Assignment 4: Modeler / Intersect

COMP 175 | COMPUTER GRAPHICS

Remco Chang 21/2601 - Introduction

Using rays from Modeler, recursively bounce to rays to create a fully ray-traced 3D scene

Implement Phong Shading

Implement texture-mapping

Highly parallel, recursive algorithm

Assignment 5: Recursive Ray Tracer

COMP 175 | COMPUTER GRAPHICS

Remco Chang 22/2601 - Introduction

Demo during the final period

Not suck

Ideas can come from: Labs Assignments Something cool you saw on Youtube An idea for a game A research paper you read : :

Final Project

COMP 175 | COMPUTER GRAPHICS

Remco Chang 23/2601 - Introduction

Using Piazza Do NOT post code!! We’ll set this up later once the class roster stabilizes

Using GLUT, GLUI Cross platform

Linux / Unix Mac Windows

Support code “cleanliness” and stability…

Other Issues

COMP 175 | COMPUTER GRAPHICS

Remco Chang 24/2601 - Introduction

Assignments that are turned in late will receive a 0.

Note: you are allowed 1 extension for the semester. With an extension, you will be granted an extra 3 days.

Assignments will be submitted using “provide” Each team will be required to demo their assignment to

me in person. Time and location of the demos -- ??

Late Policy

COMP 175 | COMPUTER GRAPHICS

Remco Chang 25/2601 - Introduction

Labs are checked one week later. You will demo this in class to myself or the TA There is no late policy for the labs.

If you have an extraordinary circumstance, you must contact the instructor or the TA as soon as possible and obtain written approval.

NO LATE POLICY for the Final Project!! Final Project Demo will be on the Final Exam date (see

course website for detail)

Late Policy

COMP 175 | COMPUTER GRAPHICS

Remco Chang 26/2601 - Introduction

Questions?