Computer Science LearnITWithMrC ⛯ Year 7 Year 8 Year 9 GCSE
Responsive image

Computer Graphics

What am I Learning today?

I am learning how to explain what a pixel is and how pixels relate to an image and the way images are displayed.
I am learning how to explain how the number of pixels and colour depth can affect the file size of a bitmap image.
I am learning how to describe how the size of a bitmap image in pixels (width x height) is known as the image resolution.

Knowledge Organiser

×

Lesson

Task 1 - Getting Organised - PowerPoint Click to see more

  1. Set your Learning Objectives to red.

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

  3. To download the PowerPoint by clicking on the image below


  4. Save your PowerPoint as 'Programming 1'


Task 2 - Problem solving using Binary Click to see more

Homework Code

Imagine you wanted to send a message to your friend to indicate which subjects had set homework on a particular day. However you can only send your message on a shared whatsapp group because that's the only connection you are allowed to communicate on.

You don't want other members of the group to know that you are sending messages about your homework so you decide you will use binary to send your message

You have 8 different subjects and you realise that using binary you can send your message using a number between 0 and 255 which your friend can then use to find out which subjects you have homework on.


Task 1

  • Click on the image below to find the homework code program
  • Send 5 different messages in Binary to your friend to let them know your homework for each day of the week next week.
    1. Monday - Maths,Science,
    2. Tuesday - Science,French
    3. Wednesday - Maths,History,German
    4. Thursday - English,Computing,Geography,French
    5. Friday - English,Maths,Science,History,German


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

  • Task 3 - Representing images Click to see more

    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.

    Decryption

    Task 2

  • 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

  • Task 4 - Bitmap Pictures Click to see more

    Understanding Bitmap Pictures

  • 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 3

  • Click on the image below to find out more about Bitmap images
  • Using the colour depth creator, create a Bitmap image



    See if you can complete the Let's recap task




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

  • Task 5 - Pixel Art Click to see more

    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

  • Binary

    Task 4

  • See if you can create one 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 6 - Displaying your art in Python Click to see more

    Download the Python Template by clicking on the image below

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


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



    You can also change the size of your image by changing the values of the variable image_mario_sizeXY

    You can change the position of your image(x,y) by changing the values of the variable mario_position


    Task 7 - Lesson review Click to see more

    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

    Learning Outcomes I need to learn how to explain what a pixel is and how pixels relate to an image and the way images are displayed.

    • I have a basic understanding of how I can explain what a pixel is and how pixels relate to an image and the way images are displayed. with a little help from my teacher
    • I can show my teacher that I can explain what a pixel is and how pixels relate to an image and the way images are displayed. without their help.
    • I can explain what a pixel is and how pixels relate to an image and the way images are displayed. independently and I can also explain it to others and can complete any extension tasks I am given.

    🠜 Now update your learning objectivesClick on the Assessment image

    My Notes: representing_data

    Student_Comment_5 not found

    Task Notes/Comments - Add here Click to see more

    Comments/Notes

    Copyright © 2013 - 2024 LearnITwithMrC