Computer Graphics CPSC 453 Fall 2018 Sonny Chan Your Professor - - PowerPoint PPT Presentation

computer graphics
SMART_READER_LITE
LIVE PREVIEW

Computer Graphics CPSC 453 Fall 2018 Sonny Chan Your Professor - - PowerPoint PPT Presentation

Introduction to Computer Graphics CPSC 453 Fall 2018 Sonny Chan Your Professor Dr. Sonny Chan - sonny.chan@ucalgary.ca Office: - MS 634 (and HRIC 1C56) - Tuesdays & Fridays @ 10:00-11:50 AM Your Teaching Assistants Alejandro


slide-1
SLIDE 1

Introduction to

Computer Graphics

CPSC 453 – Fall 2018 Sonny Chan

slide-2
SLIDE 2

Your Professor

  • Dr. Sonny Chan
  • sonny.chan@ucalgary.ca
  • Office:
  • MS 634 (and HRIC 1C56)
  • Tuesdays & Fridays @

10:00-11:50 AM

slide-3
SLIDE 3

Your Teaching Assistants

John Hall Alejandro Garcia

slide-4
SLIDE 4

Outline for Today

  • Definition of computer graphics
  • Applications of computer graphics
  • Course overview
  • Course logistics
slide-5
SLIDE 5

What is

computer graphics?

slide-6
SLIDE 6

The discipline concerned with generating or manipulating visual imagery using computational devices and methods.

slide-7
SLIDE 7

–Ken Perlin

“What you need to show other people your dreams.”

slide-8
SLIDE 8

What are some of its

applications?

slide-9
SLIDE 9

Jurassic Park, 1993

Universal Pictures

Jurassic World, 2015

Universal Pictures

slide-10
SLIDE 10

Beauty and the Beast, 1991

Walt Disney Animation Studios

Inside Out, 2015

Pixar / Walt Disney

slide-11
SLIDE 11

Spacewar, 1962

Steve Russell, MIT

Assassin’s Creed Unity, 2014

Ubisoft Montreal

slide-12
SLIDE 12

Mission Rehearsal, ca. 1900s

United States Army

America’s Army, 2002-2013

United States Army

slide-13
SLIDE 13

Spline Ducks, ca. 1700s

Drafting tools for shipbuilding

SolidWorks, 1995-present

Dassault Systèmes

slide-14
SLIDE 14

Movable Type, ca. 1400s

Johannes Gutenberg

TrueType Fonts, 1991

Apple Computer Inc.

slide-15
SLIDE 15

Molecule Set, ca. 1900s

Chemistry Education

PyMOL, 2010-present

Scientific Visualization

slide-16
SLIDE 16

X-rays, 1930s-present

Medical Diagnosis

HD Volume Rendering, 2005

Fovia, Inc.

slide-17
SLIDE 17

Digital Photograph

(Despina Vandi)

Photoshop, 1988-present

Adobe Systems

slide-18
SLIDE 18

Sketchpad, 1965

Ivan Sutherland, MIT

iOS, 2007-present

Apple Inc.

slide-19
SLIDE 19

Stereoscope, 1861

Oliver Wendell Holmes

Oculus Rift, 2016

Facebook Inc.

slide-20
SLIDE 20

Course Overview

CPSC 453 - Fall 2018

slide-21
SLIDE 21

Combines Disciplines

We’ll learn a lot of different things

Human Perception Aesthetics Mathematics Physics Computer Science

slide-22
SLIDE 22

Many Topics

We’ll survey a bunch in this course

Light & Colour Digital Imaging Geometry Textures & Materials Graphics Systems

slide-23
SLIDE 23

It’s just a tool…

and not the focus of this course

slide-24
SLIDE 24

Programming in C++

New to you? TAs will support you.

slide-25
SLIDE 25

CPSC 453

CPSC 589

Modelling

CPSC 587

Rendering

CPSC 591

Animation

slide-26
SLIDE 26

CPSC 453

CPSC 535

Vision

CPSC 585

Games

CPSC 599.86

Haptics

slide-27
SLIDE 27

Course Logistics

And now the boring stuff…

slide-28
SLIDE 28

Our home base

  • Course web site:
  • http://cpsc.ucalgary.ca/~sonny.chan/cpsc453
  • Schedule, lecture slides, assignments, references…
  • UofC Desire2Learn page:
  • Course work submission, grades
slide-29
SLIDE 29

Join us on

piazza.com/ucalgary.ca/fall2018/cpsc453

slide-30
SLIDE 30

Course Text

  • Published last year!
  • 4th ed. is full colour
  • I will assign readings
  • not sequentially though
  • Not 100% necessary to

pass this course, but do buy it!

slide-31
SLIDE 31

Caltech Cornell Stanford UBC UC Berkeley

slide-32
SLIDE 32

These slides are

not lecture notes!

slide-33
SLIDE 33

Grading

  • 50% - Assignments
  • 20% - Midterm (in class Tuesday, October 30th)
  • 30% - Final Exam
  • A double-sided, letter-sized, hand-written page will be

allowed as reference for each exam

slide-34
SLIDE 34

Assignments

  • Total of five assignments to be completed in pairs:
  • 1. Line and polygon geometry
  • 2. Image effects
  • 3. Curves and splines
  • 4. Ray tracing
  • 5. Real-time rendering
slide-35
SLIDE 35

Completing the Assignments

  • Each assignment has written and programming parts
  • Written component is due ahead of program
  • Programming component can be completed on any

platform, but up to you to ensure your TA can run it!

  • Your TAs will help you with the practicalities of coding
  • First tutorial is on Monday, September 10th!
slide-36
SLIDE 36

Working With a Partner

  • You may work with a partner for each assignment
  • Ideally learn more, learn faster, and more fun
  • Two’s company, but three’s a crowd!
  • You must pick a different partner for each assignment
  • See others’ approach to problems and programming
  • Experience up to five different styles this semester!
slide-37
SLIDE 37

Tips for Working With a Partner

  • Choose a partner with a similar skill level
  • Work on all aspects of the assignment together
  • Schedule time to get together in person
  • Practice “pair programming”
  • Resist the temptation to “divide and conquer” the work
  • You’ll likely both end up worse off
slide-38
SLIDE 38

Assignments & Late Days

  • You’ll be allowed five grace “late days” to use as needed
  • Late day is 24 hour period
  • Cannot be used for written component
  • Both partners must have and use the requisite

number of late days to submit the assignment late!

  • Don’t ask me for extensions!
slide-39
SLIDE 39

Bonus Opportunities

  • All assignments will have bonus opportunity
  • Binary designation (you get it or you don’t)
  • No point credit value!
  • Possibly your ticket to an A+ in this course:
  • A grade some bonuses = A+
  • A- grade and lots of bonuses = A+
slide-40
SLIDE 40

Questions so far? ?

slide-41
SLIDE 41

Curiosities

A taste of what’s to come?

slide-42
SLIDE 42

Cameras & Photography

slide-43
SLIDE 43
slide-44
SLIDE 44
slide-45
SLIDE 45

Which one looks better?

A question of aesthetics…

slide-46
SLIDE 46

Focus

as a means of emphasis

[digital-photography-school.com]

slide-47
SLIDE 47

Depth of Field

Which picture is a better?

[nicodebarmore.com]

slide-48
SLIDE 48
slide-49
SLIDE 49

Wagon Wheel Effect

slide-50
SLIDE 50
slide-51
SLIDE 51

Appearances

slide-52
SLIDE 52
slide-53
SLIDE 53

Which one looks more real?

slide-54
SLIDE 54

Detailed explanations for all this and more,

coming up in CPSC 453!