1.1 Si23_03 SI23 Introduction to Computer Graphics School of Computing Ken Brodlie Semester Lecture 1 - Introduction

1.2 Si23_03 Course Objectives On completion of this module, students should be able to: n Appreciate applications and benefits of computer graphics n Understand an overall architecture for computer graphics systems n Create interactive graphics applications n Understand the basic principles of image display, animation and colour n Understand the role of graphics within web technologies

1.3 Si23_03 Why should we study Graphics? n Many of the leading scientists through the ages have been visual thinkers… – Leonardo da Vinci – Einstein – Clerk Maxwell – Faraday n … often at the expense of verbal skills

1.4 Si23_03 Napoleons Army Minards classical visualization – 1869

1.5 Si23_03 English Translation!

1.6 Si23_03 London Underground Map London Underground Map of Harry Beck (1933)

1.7 Si23_03

1.8 Si23_03 Want to know more? n Excellent web site on classical visualizations: – Michael Friendly, University of York, Toronto – historical.html

1.9 Si23_03 Course Outline n Course overview and some applications n Image creation, manipulation and display n Colour URL GIMP colour Image Display

1.10 Si23_03 Course Outline Image Display URL GIMP colour n Vector graphics – Line drawing – Area filling n Graphical interaction SVG Viewer 2D vector graphics URL lines., areas graphics algorithms interaction

1.11 Si23_03 Course Outline Image Display URL GIMP colour 2D vector graphics URL SVG Viewer lines, areas graphics algorithms interaction n 3D graphics – Modelling – Rendering (viewing and shading) VRML viewer viewing, shading 3D Graphics URL surfaces

1.12 Si23_03 Course Outline Image Display URL GIMP colour 2D vector graphics URL SVG Viewer lines, areas graphics algorithms interaction VRML viewer 3D Graphics URL surfaces viewing, shading Graphics Programming OpenGL API animation n Graphics programming – Using OpenGL with C, C++

1.13 Si23_03 The Tools n GIMP – Image creation, manipulation and display – Available on SoC linux – Versions for linux and windows –

1.14 Si23_03 The Tools n SVG – Scalable Vector Graphics – 2D schematic graphics – Batik viewer on linux – Adobe plug-in for Windows Try this

1.15 Si23_03 The Tools n VRML – 3D Web graphics – Vrmlview on linux – Cortona plug-in on Windows Try this

1.16 Si23_03 The Tools n OpenGL – Graphics programming API –

1.17 Si23_03 Applications n 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.18 Si23_03 Applications n Computer Aided Design Octagon graphics

1.19 Si23_03 Applications - Meteorology Pressure at levels in atmosphere - illustrated by contour lines in a slice plane Generated by the Vis5D system from University of Wisconsin (now Vis5d+)

1.20 Si23_03 Applications - Medicine From scanner data, we can visualize 3D pictures of human anatomy, using volume rendering Generated by VOXELman software from University of Hamburg

1.21 Si23_03 Applications - Environmental Sciences Effect of global warming over period of years Generated by NCAR

1.22 Si23_03 Applications - Entertainment

1.23 Si23_03 Outline of the Course n Lectures – Thursday 10 (LT20) ; Friday 1 (LT21) n Assessment – Examination (50%) – Coursework (50%) »Creating images with GIMP »Creating 2D vector graphics with SVG »Creating a graphics application with OpenGL

1.24 Si23_03 Keeping in Touch n – n Newsgroup for my postings: – local.modules.si23 n Newsgroup for your postings: – local.modules.si23.talk n World Wide Web –