Math, Technology

8-BIT Project: A Fraction, Decimal, & Percent HyperDoc

Over the years, my students have participated in a variety of activities and projects on converting between fractions, decimals, and percent.  They have conducted surveys, designed pictures on graph papers, and designed and built Post-It Murals.  It is one of my favorite units to design because the possibilities are endless!

This year, I wanted to expand the project into some “game design” since many of my students have mentioned their interest in video games.  I remembered that our Math 8 department had created an “8-BIT” project so I researched ways to create 8-BIT characters/designs online.  This is when I found Piskel – which is amazing!  Piskel is a “free online editor for animated sprites and pixel art.”  If you haven’t heard of it, you have got to check it out.

Once I had my content focus and technology tools, I started to focus on how to design this learning experience by using HyperDocs.  As they say, the rest was history…!


8-BIT Project: A Fraction, Decimal, & Percent HyperDoc

Objective: Create an 8 Bit Character in Piskel and determine the fraction, decimal, and percent of each number.

Groups: Individual or Small Groups (2-3 Students)

Tasks: Students will:

  • Create a two frame 8-BIT character or design in Piskel.
  • Download the frames as a JPEG and upload into their Project Deck.
  • Download the frames as a GIF and upload into their Project Deck.
  • Determine the total of each color of their 8-BIT character/design.
  • Estimate the percent of each color of their 8-BIT character/design.
  • Calculate the actual fraction, decimal, and percent of each color of their 8-BIT character/design.

View the template and a sample below:

8-BIT Project Template (Link)

8-BIT Project Sample (Link)


What do you do teach students about fractions, decimals, and percents?  Have you used Piskel in any other classroom activities and projects?  I’d love to hear your thoughts in the comments below!

4 thoughts on “8-BIT Project: A Fraction, Decimal, & Percent HyperDoc

  1. That sounds fun. Will they actually make one that can be controlled with a joystick? Does it align well to your current math curriculum, or more to the elective course?

    1. That would be so awesome – but not quite. They will develop the frames of the characters to put into a GIF. Then, they will calculate the fraction, decimal, and percent of the colors of two selected frames.

      It aligns great with my Math curriculum! I also see some ideas for game design for the Spartan Tech Squad, too.

Leave a Reply