### CS48 : Drawing shapes

Bitmap images are OK but sometimes, only a vectorised one will do! Only AQA.

We are learning ...
So that we can ...
• Explain how vector images represent images using a list of objects
- Give examples of typical properties of those objects
• Use vector graphic primitives to create a simple vector graphic
• Compare vector and bitmap graphics and their appropriate uses

 Activity 1 Vector Graphics

An vector graphics image is made up from simple geometric shapes ...

Vector images are stored as a drawing list – a series of instructions on exactly how to draw the objects that make up the image.  The drawing list for an element of an vector graphic contains attributes which describe the properties of the element.

For instance ...
• `line(startx, starty, endx, endy, strokecolor, strokewidth)`
• `circle(originx, originy, radius, fillcolour, strokecolour, strokewidth)`

 Task 1.2 Interpreting a drawing listUsing a suitable grid (you may use grid.pdf to do this or get some graph paper from your teacher), construct the vector shape using the following drawing list.  The origin for this image is in the bottom left corner ...`circle(2,2,2,false,black,0.5);``circle(10,2,2,false,black,0.5);``line(2,2,4,8,black,0.1);``line(4,8,5,8,black,0.1);``line(3,5,5,2,black,0.1);``line(3,5,10,2,black,0.1);``line(5,2,10,2,black,0.1);``line(7,2,8,5,black,0.1);``line(7,5,9,5,red,0.5);`OUTCOME : Mungo's favourite form of transport!

 Activity 2 Vector VS Bitmap

Yes, we studied bitmap images as part of the AS course and learnt a lot about them, but what are the differences between bitmap images and vector images and when is each appropriate and when are they not?

 Task 2.1 Vector vs Bitmap ... an InfographicUsing Google Images : You know I love a good Infographic because, to be honest, you know they are great (and also very popular). Therefore, after studying 5 Infographics about Vector and Bitmap images from this Google Images search, I would like you to create your own! Boom!Using Inkscape : However, just to make things a little more challenging, I would like you to use Inkscape (or an equivalent vector graphics package) to do it. Not Paint. Just Inkscape. You should make sure you include ...Features of bitmap imagesFeatures of vector imagesSituations when each type would be appropriateOUTCOME : An infographic about the difference between vector and bitmap images.

 Extension Activities