The Pixel Puzzle: Why Video Game Characters Look Better Today
|Time Required||Very Short (≤ 1 day)|
|Material Availability||Readily available|
|Cost||Very Low (under $20)|
AbstractWhen you picture video games, you probably picture realistic figures, a lot of color, and a lot of detail, right? Those descriptions do not really describe video games from the early 1980's. So why do video games today look better than video games from the 80's? One major change between then and now is the number of pixels, or dots on the screen, used to represent video game objects. When Nintendo® first introduced the Super Mario Bros game for the Nintendo Entertainment System (NES) in 1985, Mario was no more than 16 pixels tall and 12 pixels wide. Decades later, the Mario in Super Paper Mario WiiTM has more than 15 times as many pixels! Could the increase in pixels explain why Mario looks better on the Wii than he did on the NES? Put your artistic talent to use and discover the answer in this science fair project.
Determine if increasing the number of pixels makes a video game character look better.
Sandra Slutz, PhD, Science Buddies
Cite This Page
Last edit date: 2017-07-28
Have you ever seen an old computer, video, or arcade game and thought "Those characters look terrible! They are really blocky, and I can barely figure out what they are supposed to be!"? It is true that video game art has come a long way from what it looked like in the 1980's. By comparison, today's characters are much more detailed. But why? What has changed between then and now?
There have been many advances in the technology from the early days of video games to today's games, including the ability to store and display more data (information) on the screen. This means that the art in video games today can use more pixels than it did in the 1980's. Pixels are the smallest unit of data in a picture. If you were able to magnify your TV screen or computer monitor many times, you'd see that the entire screen is arranged with thousands of small dots or squares, like a piece of graph paper. Each dot or square is a pixel. To make a picture, each pixel is filled in with a single color, and many pixels are placed next to one another to form an image. Look at the example in Figure 1, below. When you look at the whole image you see a picture of a house. But if you zoom in on one area of the house, like in the boxed-in section, you can see that the picture is made up of individual squares of color—these are the pixels.
Figure 1. This example shows an image of a house. The boxed-in area has been enlarged so that you can see the individual pixels.
The first home video game consoles, like the Nintendo® Entertainment System (NES), could not store or display much data, so only a few pixels could be shown on the screen at a time. Because of this, the video game characters and other video game art only used a few pixels. For example, Mario in the original Super Mario Bros. game had a resolution of 12x16, as in Figure 2. Resolution refers to the number of pixels wide (12 in the case of the NES Mario) and the number of pixels high (16 in the case of the NES Mario) an image is. But today's video game consoles can store much more data and the characters are higher resolution. For example, the Mario in Figure 2 from the Nintendo WiiTM game Super Paper Mario has a resolution of 50x67 (50 pixels wide and 67 pixels high).
Figure 2. On the left is the 1985 Mario from the original Super Mario Brothers game on the NES and on the right is the 2007 Mario from Super Paper Mario on the Nintendo Wii. The 2007 Mario is at a much higher resolution.
In addition to increasing the total number of pixels, modern video games also use smaller pixels. This means that more pixels can fit in the same amount of space. You can see this in Figure 2, where the two Marios are the same height, but the Wii Mario's height is made up of four times as many pixels. How does this combination of more and smaller pixels change the level of detail possible in today's video game art? You can discover the answer in this science fair project by making high- and low-resolution drawings of your own characters. Sharpen those pencils and get your drawing arm ready!
Terms and Concepts
- What is a pixel?
- The word pixel is a portmanteau (port-man-toh), which means a blend of sounds from two or more words. What are the words that are combined to mean pixel? (Hint: Split the word into the sounds "pix" and "el".)
- What is the relationship between pixels and resolution?
- Are video game characters today higher or lower resolutions than video game characters in the 1980's?
If you are interested in learning more about pixels, pixel art, and what video game characters have looked like over the last 30 years, try these websites:
- Wikipedia Contributors. (2013, December 15). Pixel. Wikipedia: The Free Encyclopedia. Retrieved December 18, 2013 from http://en.wikipedia.org/w/index.php?title=Pixel&oldid=586259807
- Wright, L. (2004). The Evolution of Mario. Retrieved July 7, 2008 from http://nfggames.com/games/MarioSprites/
- Yu, D. (2005). The Pixel Tutorial. Retrieved December 18, 2013, from http://makegames.tumblr.com/post/42648699708/pixel-art-tutorial
News Feed on This Topic
Materials and Equipment
- Computer with internet access and a printer
- Custom graph paper (six sheets); you should print graph paper for your project from Incompetech.com's free graph paper website
- Pen or pencil
- Colored pencils, crayons, or markers
- Lab notebook
In this experiment you will draw the same character at two different resolutions: 32-by-32 pixels, and 8-by-8 pixels. In both cases, the size of the character will remain the same.
Using the computer, print out two sheets of graph paper for your project from
Incompetech.com's free graph paper website.
- For the first piece of graph paper, set the "Grid Spacing" to 2 lines per cm. This paper will be for your high-resolution (32-by-32 pixels) drawing. You can leave all the other settings as they are.
- For the second piece of graph paper, set the "Grid Spacing" to 0.5 lines per cm. This paper has larger squares (pixels) and will be for your low-resolution (8-by-8 pixels) drawing. Again, you can leave all the other settings as they are.
Using a ruler and a pen or pencil, draw a box on the first piece of graph paper (the one with more squares) that is 32 pixels wide and 32 pixels high.
- Each small square on the graph paper will represent a single pixel.
- There will be a total of 1024 pixels within the box you drew.
- This will be the space where you draw your high-resolution character.
With colored pencils, crayons, or markers, draw a character inside the 32-by-32 pixels box.
- It can be any character you want. You can draw something from your own imagination, or try to copy an existing character.
- Add as much detail as possible to your character.
- Each pixel can only contain a single color.
- The character does not have to take up all 1024 pixels; you can leave pixels blank if you want. For example, you may want to have blank pixels in between the legs of a character.
- If you are going to color in a pixel, you must color the entire pixel. Remember, because pixels are the smallest measurable unit in an image, you cannot use only part of a pixel!
On the second piece of graph paper (the one with fewer squares) use a ruler and pen to draw a box that is 8 pixels wide and 8 pixels high.
- There will be a total of 64 pixels in the box you drew.
- This will be the space where you draw your low-resolution character.
Using the colored pencils, or other drawing tools, draw your character in the 8-by-8 pixels box.
- Draw the same character as in step 3.
- Try to keep as many of the details the same between the two resolutions.
Compare the high-resolution (32-by-32 pixels) drawing of the character with the low-resolution (8-by-8 pixels) drawing of the same character.
- Which drawing has more detail?
- Which drawing looks better?
- Repeat steps 1-6 two more times using different characters, monsters, or objects. Are your results always the same?
Communicating Your Results: Start Planning Your Display BoardCreate an award-winning display board with tips and design ideas from the experts at ArtSkills.
Keep the fun going! Find local opportunities related to this project.Register on ActivityHero
If you like this project, you might enjoy exploring these related careers:
Multimedia Artist or AnimatorIf you've ever watched a cartoon, played a video game, or seen an animated movie, you've seen the work of multimedia artists and animators. People in these careers use computers to create the series of pictures that form the animated images or special effects seen in movies, television programs, and computer games. Read more
Computer ProgrammerComputers are essential tools in the modern world, handling everything from traffic control, car welding, movie animation, shipping, aircraft design, and social networking to book publishing, business management, music mixing, health care, agriculture, and online shopping. Computer programmers are the people who write the instructions that tell computers what to do. Read more
- How does adding even more pixels affect the level of detail in your picture? Try the experiment again, adding additional pictures of the characters at resolutions of 64-by-64 pixels and 128-by-128 pixels.
- Are certain shapes easier than others to make, using just a few pixels? Compare the minimum number of pixels it takes to make different shapes. Some shapes you can try are triangles, diamonds, stars, circles, and hexagons.
Ask an ExpertThe Ask an Expert Forum is intended to be a place where students can go to find answers to science questions that they have been unable to find using other resources. If you have specific questions about your science fair project or science fair, our team of volunteer scientists can help. Our Experts won't do the work for you, but they will make suggestions, offer guidance, and help you troubleshoot.
Ask an Expert
News Feed on This Topic
Looking for more science fun?
Try one of our science activities for quick, anytime science explorations. The perfect thing to liven up a rainy day, school vacation, or moment of boredom.Find an Activity