McGraw-Hill Education: Everyday Mathematics®: HTML5 Game Design and Development

Keywords:  K12, education, interactives, animation, game design, gamification, HTML5, Pixi.js, flash to html5, conversion

Background

Everyday Mathematics is a comprehensive PreK through grade 6 mathematics program that is engineered for the Common Core State Standards. The Everyday Mathematics spiral curriculum continually reinforces abstract math concepts through concrete real-world applications and practice.

McGraw-Hill Education (MHE) required a development and production partner to develop a set of new games and redevelop existing Flash-based games as discrete, self‐contained, HTML5 interactive games that would run on all devices and platforms. The scope of work involved

  • evaluating requirement documents and storyboards for new and existing games
  • redeveloping existing games for HTML5 optimization
  • developing brand new games using HTML5 technology
  • executing a compelling user interface (UI)/user experience (UX)
  • ensuring mathematical accuracy through rigorous quality assurance (QA) and testing

Solution

Cenveo Publisher Services’ instructional design team analyzed MHE’s game requirements. Detailed analysis ensured learning experiences were pedagogically effective, engaging, and consistent with existing gaming products but improved for devices and technology used in today’s classroom.

The EM Games are a critical and much-loved part of the Everyday Mathematics curriculum, and they have a deep and profound impact on thousands of classrooms and hundreds of thousands of students. This is certainly a moment for each of you to think about how many people your work on this project will touch, and pat yourselves on the back for making it happen. I can’t thank everyone enough for all of their incredible contributions that brought us to this moment – both at MHE and Cenveo.
— Brad Shank, Director, Product Management, McGraw-Hill Education

The development team crafted HTML game templates using JavaScript frameworks best suited for a high‐performance HTML game development and a rich, interactive, and consistent gaming experience across browsers and devices. Each game follows a modular structure, ensuring a discrete, self‐contained, highly scalable, and maintainable game package. Pixi.js, an open-source library under the MIT license, was used for developing game templates in HTML.

Cenveo’s visual design team created stylized, age-appropriate, interactive animations that delight students when they play the Everyday Mathematics games.

Results

Cenveo Publisher Services developed, validated, and delivered 315 games. MHE now provides an updated and robust digital learning experience with math activities and games supported across multiple browsers, platforms, and devices. Cenveo’s QA process ensured consistent functionalities across individual games with quality checkpoints, including

  • developer self‐review
  • peer review
  • ID review
  • integration testing
  • usability testing
  • platform testing

The existing games are now updated, transformed from Flash to HTML5, ensuring high-performance across all devices and browsers. The games capture data and student performance that is reported back to the teacher. New games have been added to the curriculum with all products engineered for the Common Core.

 

Click the button above to learn more about our digital services and see sample games, interactives, animations, and more!



Our customers include