1.1 si23_03 si23 introduction to computer graphics school of computing ken brodlie semester 2...

1.1Si23_03

SI23Introduction to Computer

Graphics

SI23Introduction to Computer

Graphics

School of ComputingKen Brodlie

Semester 2 2002-2003

Lecture 1 - Introduction

1.2Si23_03

Course ObjectivesCourse Objectives

On completion of this module, students should be able to:

Appreciate applications and benefits of computer graphics

Understand an overall architecture for computer graphics systems

Create interactive graphics applications

Understand the basic principles of image display, animation and colour

Understand the role of graphics within web technologies

1.3Si23_03

Why should we study Graphics?

Why should we study Graphics?

Many of the leading scientists through the ages have been ‘visual thinkers’…

– Leonardo da Vinci– Einstein– Clerk Maxwell– Faraday

… often at the expense of verbal skills

1.4Si23_03

Napoleon’s ArmyNapoleon’s Army

Minard’s classical visualization – 1869

1.5Si23_03

English Translation!English Translation!

1.6Si23_03

London Underground MapLondon Underground Map

LondonUndergroundMap of Harry Beck (1933)

www.thetube.com

1.7Si23_03

1.8Si23_03

Want to know more?Want to know more?

Excellent web site on classical visualizations:– Michael Friendly, University of York,

Toronto– http://www.math.yorku.ca/SCS/

Gallery/ historical.html

1.9Si23_03

Course OutlineCourse Outline

Course overview and some applications

Image creation, manipulation and display

Colour

URLGIMP

colour

ImageDisplay

1.10Si23_03

Course OutlineCourse Outline

ImageDisplay

URLGIMP

colour

Vector graphics– Line drawing– Area filling

Graphical interaction

SVGViewer

2D vectorgraphics

URLlines.,areas

graphicsalgorithms

interaction

1.11Si23_03

Course OutlineCourse Outline

ImageDisplay

URLGIMP

colour

2D vectorgraphics

URL SVGViewer

lines,areas

graphicsalgorithms

interaction

3D graphics– Modelling– Rendering

(viewing and shading)

VRMLviewer

viewing, shading

3DGraphics

URL

surfaces

1.12Si23_03

Course OutlineCourse Outline

ImageDisplay

URLGIMP

colour

2D vectorgraphics

URL SVGViewer

lines,areas

graphicsalgorithms

interaction

VRMLviewer

3DGraphics

URL

surfaces

viewing, shading

GraphicsProgramming

OpenGLAPI

animation

Graphics programming

– Using OpenGL with C, C++

1.13Si23_03

The ToolsThe Tools

GIMP– Image creation,

manipulation and display

– Available on SoC linux

– Versions for linux and windows

– www.gimp.org

1.14Si23_03

The ToolsThe Tools SVG

– Scalable Vector Graphics

– 2D schematic graphics

– Batik viewer on linux

– Adobe plug-in for Windows

Try this

1.15Si23_03

The ToolsThe Tools

VRML– 3D Web graphics– Vrmlview on linux– Cortona plug-in

on Windows

Try this

1.16Si23_03

The ToolsThe Tools

OpenGL– Graphics

programming API– www.opengl.org

1.17Si23_03

ApplicationsApplications

Molecular chemistry

The sugar binding site in the LT-I toxin. This figure was created by feeding the output of Per Kraulis' program Molscript into the Raster3D rendering program.

1.18Si23_03

ApplicationsApplications

Computer Aided Design

Octagon graphics

1.19Si23_03

Applications - MeteorologyApplications - Meteorology

Pressure at levelsin atmosphere- illustrated by contour lines in aslice plane

Generated bythe Vis5D systemfrom University ofWisconsin (nowVis5d+) http://www.ssec.wisc.edu/~billh/vis5d.html

1.20Si23_03

Applications - MedicineApplications - Medicine

From scanner data, we canvisualize 3D picturesof human anatomy, usingvolume rendering

Generated by VOXELmansoftware from Universityof Hamburg

1.21Si23_03

Applications - Environmental Sciences

Applications - Environmental Sciences

Effect of global warmingover period of years

Generated by NCAR

http://www.scd.ucar.edu/vg/ResearchGallery.html

1.22Si23_03

Applications - EntertainmentApplications - Entertainment

1.23Si23_03

Outline of the CourseOutline of the Course

Lectures– Thursday 10 (LT20) ; Friday 1 (LT21)

Assessment– Examination (50%)– Coursework (50%)

» Creating images with GIMP» Creating 2D vector graphics with SVG» Creating a graphics application with OpenGL

1.24Si23_03

Keeping in TouchKeeping in Touch

E-mail– kwb@comp.leeds.ac.uk

Newsgroup for my postings:– local.modules.si23

Newsgroup for your postings:– local.modules.si23.talk

World Wide Web– http://www.csdb.leeds.ac.uk/si23/