- The document discusses the history and principles of computer graphics, from early games like MoonLander to modern 3D graphics APIs like OpenGL. - It introduces the course on computer graphics fundamentals, which will cover drawing on screens, mathematical principles, and programming exercises using OpenGL and SDL. - The course aims to explain the concepts behind graphics packages and teach how to interact with graphics cards to create graphical applications.

1. So how does the computer do it? MoonLander one of the earliest computer games. Originally commissioned by Digital Equipment Corporation to demonstrate a dedicated graphics display in 1973 . Based on a text only game written in Basic.

3. Principles of Computer Graphics COMP3004 2011/2012 Introduction Dr. John Carter (jnc@ecs.soton.ac.uk)

11. Application Areas

12. Synthetic Actors

14. Games

15. Visualisation Example

16. More Data Visualisation.

17. GnuPlot a Scientific Graphing tool set yrange [0:1.1] set logscale x set key outside set rmargin 15 set xlabel 'Time between measurements (days)' set ylabel 'Recognition rate' set grid plot '-' using 2:1 / title 'Rate' with linespoints, '-' / using 1:2 title 'Average' with lines 0.974025974 0.083333333 0.932481752 1 0.992307692 2 0.592436975 216.00 0.738589212 275.00 0.432773109 491.00 e 0.01 0.98 999 0.98 e

18. User Interface Example Using Python and TKInter, user interfaces can be fun. from Tkinter import * root = Tk() t = "Hello, world!" w = Label(root,text = t) w.pack() root.mainloop()

20. More History: Spacewar!

23. Early Days

25. Some SVG <?xml version=&quot;1.0&quot;?> <svg xmlns=&quot;http://www.w3.org/2000/svg&quot;> <g style=&quot;fill-opacity:0.7; stroke:black; stroke-width:0.1cm;&quot;> <circle cx=&quot;6cm&quot; cy=&quot;2cm&quot; r=&quot;100&quot; style=&quot;fill:red;&quot; transform=&quot;translate(0,50)&quot; /> <circle cx=&quot;6cm&quot; cy=&quot;2cm&quot; r=&quot;100&quot; style=&quot;fill:blue;&quot; transform=&quot;translate(70,150)&quot; /> <circle cx=&quot;6cm&quot; cy=&quot;2cm&quot; r=&quot;100&quot; style=&quot;fill:green;&quot; transform=&quot;translate(-70,150)&quot;/> </g> </svg> Now Mozilla and family can draw SVG

27. Angle E “ Interactive Computer Graphics: A top-down approach with Shader-Based OpenGL ”, Addison Wesley 2009, (5 th Edition) Th is is the official course text . (5 th edition is ok, but not OpenGL 3+) F.S. Hill, Jr “ Computer Graphics Using OpenGL ” Prentice-Hall 2001 (and later) This is a good alternative. J., D., Foley et al., &quot; Introduction to Computer Graphics &quot;, Addison Wesley 1994. So is this one but it doesn't speak OpenGl M. Woo et al. “ OpenGL Programming Guide ” Addison Wesley 1999 The so called Red Book, the official how-to guide, free electronic copies available, use Google.

32. GP2X Open Hardware See http://gp2x.co.uk/ordergp2x.html Note that this course is almost the only way that you can get you play with a GP2X.

36. Real work starts next lecture.

37. Questions? Principles of Computer Graphics COMP3004 Introduction Dr. John Carter (jnc@ecs.soton.ac.uk)