INTRODUCTION COMPUTER GRAPHICS AND INTERACTION. Christopher Peters. CST, KTH Royal Institute of Technology, Sweden

Similar documents
INTRODUCTION COMPUTER GRAPHICS AND INTERACTION. Christopher Peters. CST, KTH Royal Institute of Technology, Sweden

IMAGE-BASED RENDERING AND ANIMATION

RASTERISED RENDERING

GLOBAL ILLUMINATION. Christopher Peters INTRODUCTION TO COMPUTER GRAPHICS AND INTERACTION

COMPUTER GRAPHICS AND INTERACTION

MIDDLEWARE A Brief Overview

Computer Graphics Introduction. Taku Komura

Computer Graphics CS 543 Lecture 1 (Part I) Prof Emmanuel Agu. Computer Science Dept. Worcester Polytechnic Institute (WPI)

CIS 581 Interactive Computer Graphics

Today. Rendering algorithms. Rendering algorithms. Images. Images. Rendering Algorithms. Course overview Organization Introduction to ray tracing

Today. Rendering algorithms. Rendering algorithms. Images. Images. Rendering Algorithms. Course overview Organization Introduction to ray tracing

RAYTRACING. Christopher Peters INTRODUCTION TO COMPUTER GRAPHICS AND INTERACTION. HPCViz, KTH Royal Institute of Technology, Sweden

CS5620 Intro to Computer Graphics

CSE 167: Introduction to Computer Graphics. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2013

CS451Real-time Rendering Pipeline

CS535: Interactive Computer Graphics

CIS 581 Interactive Computer Graphics (slides based on Dr. Han-Wei Shen s slides) Requirements. Reference Books. Textbook

Dive into Mobile VR/AR Games

CS148 Introduction to Computer Graphics and Imaging. Pat Hanrahan Fall cs148.stanford.edu

Computer Graphics (CS 543) Lecture 1 (Part 1): Introduction to Computer Graphics

LIGHTING AND SHADING

3D GRAPHICS. design. animate. render

CS354 Computer Graphics Introduction. Qixing Huang Januray 17 8h 2017

Lecture 0 of 41: Part A Course Organization. Introduction to Computer Graphics: Course Organization and Survey

Computer Graphics Disciplines. Grading. Textbooks. Course Overview. Assignment Policies. Computer Graphics Goals I

Lecturer Athanasios Nikolaidis

CSE 167: Introduction to Computer Graphics. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2016

Overview. Computer Graphics CSE 167

Computer Science 175. Introduction to Computer Graphics lib175 time: m/w 2:30-4:00 pm place:md g125 section times: tba

I expect to interact in class with the students, so I expect students to be engaged. (no laptops, smartphones,...) (fig)

Lahore University of Management Sciences. CS 452 Computer Graphics

Goals. Computer Graphics (Fall 2008) Course Outline. Course Outline. Course Outline. Demo: Surreal and Crazy World (HW 3)

0. Introduction: What is Computer Graphics? 1. Basics of scan conversion (line drawing) 2. Representing 2D curves

Overview. Computer Graphics CS324. OpenGL. Books. Learning Resources. CS131 Notes. 30 Lectures 3hr Exam

CSCD18: Computer Graphics. Instructor: Leonid Sigal

HIERARCHICAL TRANSFORMATIONS A Practical Introduction

Programming Game Engines ITP 485 (4 Units)

CS380: Introduction to Computer Graphics Introduction to OpenGLSL. Min H. Kim KAIST School of Computing. [CS380] Introduction to Computer Graphics

CS559: Computer Graphics. Lecture 1 Introduction Li Zhang University of Wisconsin, Madison

Outline. Intro. Week 1, Fri Jan 4. What is CG used for? What is Computer Graphics? University of British Columbia CPSC 314 Computer Graphics Jan 2013

Intro. Week 1, Fri Jan 4

High-density Crowds. A masters student s journey to graphics and multi agent systems

CSCE 441 Computer Graphics Fall 2018

CS380: Computer Graphics Introduction. Sung-Eui Yoon ( 윤성의 ) Course URL:

TSBK 07! Computer Graphics! Ingemar Ragnemalm, ISY

CS 543: Computer Graphics. Introduction

Computer Graphics. Anders Hast. måndag 25 mars 13

CS 410: Computer Graphics

A simple OpenGL animation Due: Wednesday, January 27 at 4pm

CS4621/5621 Fall Computer Graphics Practicum Final Projects. Professor: Kavita Bala Instructor: Nicolas Savva

About Computer Graphics

CSE328 Fundamentals of Computer Graphics: Concepts, Theory, Algorithms, and Applications

Inside VR on Mobile. Sam Martin Graphics Architect GDC 2016

MMGD0206 Computer Graphics. Chapter 1 Development of Computer Graphics : History

Lecture 0 of 41: Part B Course Content. Advanced Computer Graphics: Course Organization and Survey

CS GPU and GPGPU Programming Lecture 1: Introduction. Markus Hadwiger, KAUST

Overview: Ray Tracing & The Perspective Projection Pipeline

Hands-On Workshop: 3D Automotive Graphics on Connected Radios Using Rayleigh and OpenGL ES 2.0

HIERARCHICAL TRANSFORMATIONS A Practical Introduction

Lahore University of Management Sciences. CS 452 Computer Graphics

Instructor. Goals. Image Synthesis Examples. Applications. Foundations of Computer Graphics. Why Study 3D Computer Graphics?

Introduction to Computer Graphics. Knowledge basic concepts 2D and 3D computer graphics

Computer graphics 2: Graduate seminar in computational aesthetics

TSBK03 Screen-Space Ambient Occlusion

Modeling the Virtual World

Basics of 3D Animation

CSE 167: Introduction to Computer Graphics Lecture #11: Visibility Culling

Computer Graphics. Si Lu. Fall uter_graphics.htm 11/22/2017

3D Production Pipeline

Intro to Ray-Tracing & Ray-Surface Acceleration

The Ultimate Developers Toolkit. Jonathan Zarge Dan Ginsburg

Introduction to Computer Graphics. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2011

CS 475/CS 675 Computer Graphics. Lecture 0 : Introduction

Introduction to Computer Graphics. Overview. What is Computer Graphics?

Ulf Assarsson Department of Computer Engineering Chalmers University of Technology

Rendering. Converting a 3D scene to a 2D image. Camera. Light. Rendering. View Plane

Computer Graphics. Instructor: Oren Kapah. Office Hours: T.B.A.

Direct3D Rendering Cookbook Epub Gratuit

Future Studios Research Lab

Introduction to Computer Graphics. Instructor: Stephen J. Guy

EF432. Introduction to spagetti and meatballs

Course Title: Computer Graphics Course no: CSC209

National Chiao Tung Univ, Taiwan By: I-Chen Lin, Assistant Professor

EF432. Introduction to spagetti and meatballs

Course Producer. Prerequisites. Textbooks. Academic integrity. Grading. Ming Chen. Same office hours as TA. The Hobbit: The Desolation of Smaug (2013)

S U N G - E U I YO O N, K A I S T R E N D E R I N G F R E E LY A VA I L A B L E O N T H E I N T E R N E T

Course Recap + 3D Graphics on Mobile GPUs

Increase your awareness of the wide range of computer applications available for computer modeling and visualization.

CSE 167: Introduction to Computer Graphics Lecture #9: Visibility. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2018

Today. Rendering pipeline. Rendering pipeline. Object vs. Image order. Rendering engine Rendering engine (jtrt) Computergrafik. Rendering pipeline

Com S 336 Final Project Ideas

CS 684 Fall 2005 Image-based Modeling and Rendering. Ruigang Yang

Cornell CS4620 Fall 2011!Lecture Kavita Bala (with previous instructors James/Marschner) Cornell CS4620 Fall 2011!Lecture 1.

Principles of Computer Graphics. Lecture 3 1

Goals. Course Staff. Demo: Surreal (HW 3) Entertainment. Foundations of Computer Graphics (Spring 2012) Why Study 3D Computer Graphics?

Rendering Algorithms: Real-time indirect illumination. Spring 2010 Matthias Zwicker

CSE 167: Lecture #4: Vertex Transformation. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2012

Computer Graphics. - Introduction - Hendrik Lensch. Computer Graphics WS07/08 - Introduction

Real-Time Shadows. Last Time? Textures can Alias. Schedule. Questions? Quiz 1: Tuesday October 26 th, in class (1 week from today!

Graphics Programming. Computer Graphics, VT 2016 Lecture 2, Chapter 2. Fredrik Nysjö Centre for Image analysis Uppsala University

Transcription:

DH2323 DGI17 COMPUTER GRAPHICS AND INTERACTION INTRODUCTION Christopher Peters CST, KTH Royal Institute of Technology, Sweden chpeters@kth.se http://kth.academia.edu/christopheredwardpeters

First of all Lectures today Breaks and timing Class composition Christopher Peters DH2323 Introduction chpeters@kth.se

What is DH2323? Introductory course on computer graphics and interaction Real-time rendering and animation Focused on fundamentals Two perspectives Bottom-up (basic OpenGL) Top-down (game engines) Algorithms and programming Adaptable to individual interests

Pretty pictures + fun

The (Awful?) Truth Interactive computer graphics is essentially:

The (Awful?) Truth Interactive computer graphics is essentially: (wait for it...)

The (Awful?) Truth Interactive computer graphics is essentially: Mathematics programming It's matrices all the way down!

The (Awful?) Truth Interactive computer graphics is essentially: Mathematics programming It's matrices all the way down!

The (Awful?) Truth Interactive computer graphics is essentially: Mathematics programming It's matrices all the way down! Quite possibly the most fun and rewarding maths programming you will ever do* *disclaimer: you'll get from it what you put in

Beware Mathematics programming > (Mathematics + programming)

What about interaction?

Computer Graphics and Interaction You do have to consider the human user in the loop Ivan Sutherland, Sketchpad demo Core themes: Interactive graphics techniques Real-time user input and feedback

Computer Games ARMA 3, Bohemia Interactive

Hollywood FX

Information Visualisation E. McQuinn, T.M. Wong, P. Datta, M.D. Flickner, R. Singh, S.K. Esser, R. Appuswamy, W.P. Risk, and D.S. Modha; IBM Research - Almaden See: http://www.wired.com/wiredscience/2013/01/science-visualization-winners/

AR and VR www.infotech.oulu.fi intuition-eunetwork.org

Where does it all lead? The Matrix, Warner Bros. Pictures

Be prepared Likely output of your first program (if you are lucky...)

Be prepared Not the Matrix Likely output of your first program (if you are lucky...)

But remember A journey of a thousand miles begins with a single step Or in this case, a single pixel

Who you are A quite diverse group of individuals Interested in fundamental principles of computer graphics Comfortable programmers* Willing to do some math Eager to learn Hard working Questionnaire (next lecture) *This is not a programming course 2015 Christopher Peters DH2323 Introduction chpeters@kth.se

Who you will be Understand (at least) the fundamentals of interactive computer graphics Better programmers Appreciate practical applied mathematics through visualisation and vice-versa... Capable of applying your knowledge beyond this course 2015 Christopher Peters DH2323 Introduction chpeters@kth.se

Who you will be Understand (at least) the fundamentals of interactive computer graphics Better programmers Appreciate practical applied mathematics through visualisation and vice-versa... Capable of applying your knowledge beyond this course With something more to show for it beyond a grade 2015 Christopher Peters DH2323 Introduction chpeters@kth.se

Course Team Christopher Peters email: chpeters@kth.se https://www.kth.se/profile/chpeters/ Associate Professor Character and crowd animation, games, perception, Havok, human-machine interaction (agents, social robots) Fangkai Yang email: fangkai@kth.se https://www.kth.se/profile//fangkai/ PhD candidate Collision detection, character and crowd animation, games, Avalanche game studio 2015 Christopher Peters DH2323 Introduction chpeters@kth.se

2015 Christopher Peters DH2323 Introduction chpeters@kth.se

2015 Christopher Peters DH2323 Introduction chpeters@kth.se

2015 Christopher Peters DH2323 Introduction chpeters@kth.se

Teaching DD3336, Interactive Entertainment Technologies (PhD level) DH2650, Computer Games Design DT2350, Human Perception for Information Technology DH2323, Computer Graphics and Interaction DD1354, Modeling and Simulation (game physics) 2015 Christopher Peters DH2323 Introduction chpeters@kth.se

Related courses DD1354, Models and simulation DH2320, Introduction to Visualization and Graphics DD2257, Visualization DH2413, Advanced Graphics and Interaction Visualization (VIC) Studio 4K screen, Oculus Rifts, eye-trackers, etc 2015 Christopher Peters DH2323 Introduction chpeters@kth.se

This Course Main webpage: KTH Social https://www.kth.se/social/course/dh2323/ Everything that you need to know is there! Bilda: For lab and project submission https://bilda.kth.se/ (note that you do not have access yet) Christopher Peters DH2323 Introduction chpeters@kth.se

Lecture overview Image modelling and rendering Mathematics for graphics Ray-tracing Rasterisation Real-time animation Lighting and shading Christopher Peters DH2323 Introduction chpeters@kth.se

Assessment Exam (replaced by project) Project Individual or group project (1-3 members) on a topic related to computer graphics and interaction Lab work Three practical assignments completed individually or in groups of two

Lab work (bottom-up) Lab tracks There will be lab sessions (TBA) Attendance is voluntary but recommended Labs will be submitted to Bilda near the end of the course Preliminary date: Beginning of May 2017

DGI Journal of Improbable Art

Projects

Tools and SDKs (top-down)

Incremental Projects + MSc Theses E-motion, Miguel Ramos Carretero

Grading To pass: Labs are P/F Must do all the labs and a small project Labs: Lab 1 + one of the lab tracks Example small project: extend the labs (the lab tasks contain suggestions) Grade D

Grading To pass: Labs are P/F Must do all the labs and a small project Labs: Lab 1 + one of the lab tracks Example small project: extend the labs (the lab tasks contain suggestions) Grade D To excel: More substantial projects lead to higher grades

Course Literature Interactive Computer Graphics, Angels and Shreiner ~500kr (not so cheap...) Note: book cover may differ from the above

Course Literature Interactive Computer Graphics, Angels and Shreiner ~500kr (not so cheap...) Advice: You do not need to buy if you are prepared to search But you could if would like a good all-in-one reference Note: book cover may differ from the above

Computer Graphics Wordnet S: (n) computer graphic (an image generated by a computer) S: (n) computer graphics (the pictorial representation and manipulation of data by a computer) Wikipedia Computer graphics are graphics created using computers and, more generally, the representation and manipulation of image data by a computer...

Modelling An underlying process generates observations Describe the observations (i.e. images) through parameterising the process Parameters can be varied to vary the output observation Can control generation Christopher Peters DH2323 Introduction chpeters@kth.se

Some Scene Constituents Geometry Defines objects Triangle meshes Implicit surfaces Christopher Peters DH2323 Introduction chpeters@kth.se

Some Scene Constituents Surface properties Related to geometry Does/how does a surface reflect light? Texture Bounce Reflectance Christopher Peters DH2323 Introduction chpeters@kth.se

Some Scene Constituents Surface properties Related to geometry Does/how does a surface reflect light? Texture Bounce Reflectance Light transport model Christopher Peters DH2323 Introduction chpeters@kth.se

Camera Model Perspectives Christopher Peters DH2323 Introduction chpeters@kth.se

Graphics Pipeline Computer graphics API's OpenGL DirectX Hardware vs Software Shaders Christopher Peters DH2323 Introduction chpeters@kth.se

Modelling Issues Assumptions and approximations underpin all models Theory of Relativity vs. Newtonian Physics models Why are approximations necessary for interactive computer graphics? Important to understand exactly what assumptions/approximations are being made Christopher Peters DH2323 Introduction chpeters@kth.se

Character Animation Toy Story The Polar Express Rendering and animation qualities Uncanny valley, human perception of artificial behaviour Christopher Peters DH2323 Introduction chpeters@kth.se

All hail our robot overlords Atlas, Boston Dynamics Christopher Peters DH2323 Introduction chpeters@kth.se

All hail our robot overlords BigDog, Boston Dynamics Atlas, Boston Dynamics Christopher Peters DH2323 Introduction chpeters@kth.se

All hail our robot overlords Geminoid F BigDog, Boston Dynamics Atlas, Boston Dynamics Christopher Peters DH2323 Introduction chpeters@kth.se

All hail our robot overlords Geminoid F Paro BigDog, Boston Dynamics Atlas, Boston Dynamics Christopher Peters DH2323 Introduction chpeters@kth.se

Recommended to start soon Make sure that you are actually registered for the course See if you can access KTH Social Attempt to get a basic C/C++ programming environment set up Look at the lab 1 For Mac: Options: use VirtualBox or Bootcamp Christopher Peters DH2323 Introduction chpeters@kth.se

Next Lecture Wednesday 22nd Mar 13:00 15:00 D2 Christopher Peters DH2323 Introduction chpeters@kth.se

And Remember Don't panic! Christopher Peters DH2323 Introduction chpeters@kth.se