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– [email protected]
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/