1. Set your Learning Objectives to red.

2. We are going to save all of our work for this topic into this PowerPoint.

To download the PowerPoint by clicking on the image below



---



3. Save your PowerPoint as 'Data Representation'

Making characters

Early computers that were around in the 80s - allowed you to design your own text character. You could use this in a game - e.g. to make a "space invader" - or you could use the same technique to make your own font.

Characters were designed on an 8 x 8 grid, and created using eight numbers from 0-255. Each number was converted to binary and the resulting pattern of 0s and 1s was used to make a pattern of black and white dots on a single row.

You can design a character in the same way by entering numbers from 0-255 in the boxes to the left of the grid. Each number is converted to binary and used to create the pattern of dots.

Task 1

Click on the image below to find the character creation program

---

Using the binary image creator to try and create the following letters.

1. A
2. E
3. H
4. S

---

---

When you are finished don't forget to screenshot your answers to your powerpoint

Understanding Bitmap Images

Bitmap pictures (also called raster graphics) are computer graphics made of pixels of different colours. Pictures taken with a digital camera (or a scanner) are bitmap pictures. It is also possible to create bitmap pictures using software such as Paint or Photoshop.

.bmp, .tif, .png, .gif and .jpg are all file extensions for different types of bitmap pictures.

Task 2

Click on the image below to find out more about Bitmap images

Using the colour depth 4 bit creator create a Bitmap image

---

---

When you are finished don't forget to screenshot your answers to your powerpoint

Creating Pixel Art

We are going to use a program called pixelart to create our own pixel art on a 16 x 16 grid

Click on the image below to go to pixilart.com

Task 4

See if you can create some of the images below.

---

---

Extension

Create your own pixel art and then download it

---

---

When you are finished don't forget to screenshot your answers to your powerpoint

Task 4

Display your pixel art in pygame using the instructions below

---

1. Download the Python Template by clicking on the image below

2. Change the name of the file to your file name to display your 16 x 16 bmp image using python.


---

3. Run your code and you should see your image appear like this:

---



---

4. You can also change the size of your image by changing the values of the variable image_mario_sizeXY
5. You can change the position of your image(x,y) by changing the values of the variable mario_position

---

---

When you are finished don't forget to screenshot your answers to your powerpoint

Summing it all up

Lets look at the learning outcomes and decide which one best describes our current level of understanding :

Tick the one you feel is closest to your level