41
Computer Graphics 1 Juraj Onderik | [email protected] 2o12

C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

ComputerGraphics 1

Juraj Onderik | [email protected]

2o12

Page 2: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Outline of Lesson 01

Why is Computer Graphics (CG) so cool

What is and what is not CG

“Artists” and CG

“Coders” and CG

Terms and conditions of this lecture

Lecture schedule

Page 3: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Why is CG so COOL ?

Page 4: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Visual Effects (VFX) | “2012”

Page 5: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Music-driven Animation | Animusic

Page 6: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Motion Capture | Avatar

Page 7: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Best Game Engine | Crysis 3

Page 8: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

WTF is Computer Graphics ?

Page 9: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

“A picture is worth a thousand words”

Old Chinese proverb

Page 10: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

“Computer graphics is a sub-field of computerscience which studies computational methodsfor digitally synthesizing and manipulatingvisual content.”

Wikipedia

Page 11: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Optics

Mechanics

Geometry

Numerical MathCalculus

ComputerGraphics

Photography

Painting

Data Compression

Computer Vision

Human Perception

Movies

Games

Scientific Visualization

...

Statistics

Image / Video Processing

Graphical User Interface

...

...

Design

Typography

CG is related to...

Page 12: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Computer Graphics is...

Modeling

SceneImageVideo

Rendering

Animation Reconstruction

Image processing

Page 13: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Computer Graphics is...

Modeling Animation Rendering

2d/3d Scanning

Scene hierarchy

Transformations

Texture painting

Sculpting

Deformations

UV Unwrapping

Subdivisions

...

Key-framing

Motion capture

Simulation

Rigging

Skinning

Posing

Forward / Inverse Kinematics

...

Projection

Clipping

Rasterization

Ray-tracing

Radiosity

Photon mapping

Postprocessing

...

Page 14: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

“Artists” and CG

Page 15: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Siggraph 2012 - Animation Festival

Page 16: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Displacement Modeling | ZBrush

Page 17: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Projections on Buildings | NuFormer

Page 18: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Medical Animations | XVIVO

Page 19: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Augmented Reality | Projections

Page 20: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Cool Presentations | Prezi

Page 21: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

“Coders” and CG

Page 22: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Siggraph 2012 - Technical Papers

Page 23: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Advanced Skinning | McAdams...

Page 24: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Procedural Modeling | CityEngine

Page 25: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Game Development | Unity Engine

Page 26: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Physical Simulations | RealFlow

Page 27: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Image Morphing | FantaMorph

Page 28: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

3D Fractals | Mandelbulber

Page 29: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

What about My Career in CG ?

As an Artist VFX Industry – Pixar, Disney, Weta Digital, Scanline

vfx, IML... DTP Industry – a number of design studios over

the world Game Industry – Blizzard, Epic, EA... Web design Typography

Page 30: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Easiest modeling | Sketchup

Page 31: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

What about My Career in CG ?

As a “Coder” (Scientist) Best universities all over the world have graphics

departments open for new ideas and cool people – MIT, Caltech, Cornell, Stanford, Princeton...

Game / VFX Industry Medical Industry GIS Industry GUI development ...

Page 32: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Speed Painting | Gimp

Page 33: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

WhatcanyouexpectfromthisLecture ?

Page 34: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

This Lecture...

Will focus on basic CG techniques

Will prepare you on degree examinations

Will improve your skills in Computational geometry Algorithms and data structures

Hopefully will not be boring

Page 35: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

What do I expect from

YOU ?

Page 36: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Solve AssignmentsShow your projectPass mid termPass final term

Page 37: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Pass your examsMidterm = 20

Final term = 30Assignments = 50

Project = +20

90 - 120 = A80 - 89 = B70 - 79 = C60 - 69 = D50 - 59 = E0 - 49 = Fx

Page 38: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Your presence here ?

To be or not to be - on these lessons – that's not a question

Positive motivation [:)] It's time to improve your skills It's time to impress with your project It's time to prepare for master exams

Negative motivation [:(] There is none Your presence is not mandatory, but highly

recommended

Page 39: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Lecture Schedule

September 2012 L01 [18.09] “Introduction to CG” L02 [25.09] “Scene Representation I”

October 2012 L03 [02.10] “Scene Representation II” L04 [09.10] “Transformations and Projections” L05 [16.10] “The Graphics Pipeline” L06 [23.10] “Intersections and Clipping” L07 [30.10] “Midterm”

Page 40: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

Lecture Schedule

November 2012 L08 [06.11] “Visibility Problem” L09 [13.11] “Rasterization of Curves” L10 [20.11] “Rasterization of Regions” L11 [27.11] “Image Representation”

December 2012 L12 [04.12] “Image Transformations” L13 [11.12] “Final Term”

Page 41: C 2 o 1 2 omputer Graphics 1sccg.sk/~onderik/phd/cg1_2012/cg1_2012_lesson01.pdf · Game Development | Unity Engine. Physical Simulations | RealFlow. Image Morphing | FantaMorph. 3D

The End

It's time for...but don't forget what you just learned