Analyzing HTML5-Based Frameworks for Developing Educational and Serious Games

  • Humberto Marín-VegaEmail author
  • Giner Alor-Hernandez
  • Ramón Zatarain-Cabada
  • M. Lucía Barrón-Estrada
Conference paper
Part of the Communications in Computer and Information Science book series (CCIS, volume 658)


The gamification of learning is an educational approach to motivate students to learn by using video game design and game elements in learning environments. Nowadays different knowledge fields, such as medicine, entertainment, education, among others, are using this approach. HTML5-based frameworks have emerged as information technologies for developing serious games and educational games. This paper presents an analysis of the most used HTML5-based frameworks in order to identify games and learning attributes supported for developing educational and serious games.


Gamification Games categories HTML5-based framework Serious games 



This work was supported by the Tecnológico Nacional de México (TecNM). Additionally, this work was sponsored by the National Council of Science and Technology (CONACYT) and the Public Education Secretary (SEP) through PROMEP.


  1. 1.
    Prensky, M.: Digital Game-Based Learning. Paragon House Ed edition, Minnesota (2005)Google Scholar
  2. 2.
    Burke, B.: Gartner Redefines Gamification. 4 de Abril de (2014). (último acceso: 31 de Marzo de 2016)
  3. 3.
    Chung-Ho, S., Ching-Hsue, C.: A mobile game-based insect learning system for improving the learning achievements. Procedia – Soc. Behav. Sci. 103, 42–50 (2013)CrossRefGoogle Scholar
  4. 4.
    Deterding, S., Dixon, D., Khaled, R., Nacke, L.: From game design elements to gamefulness. In: Proceedings of the 15th International Academic MindTrek Conference on Envisioning Future Media Environments - MindTrek 2011, p. 9. ACM Press, New York (2011)Google Scholar
  5. 5.
    Deterding, S., Sicart, M., Nacke, L., O’Hara, K., Dixon, D.: Gamification using game-design elements in non-gaming contexts. In: Proceedings of the 2011 Annual Conference Extended Abstracts on Human Factors in Computing Systems - CHI EA 2011, p. 2425. ACM Press, New York (2011).
  6. 6.
    Morford, Z.H., Witts, B.N., Killingsworth, K.J., Alavosius, M.P.: Gamification: the intersection between behavior analysis and game design technologies. Behav. Anal. 37(1), 25–40 (2014)CrossRefGoogle Scholar
  7. 7.
    Hamari, J., Koivisto, J., Sarsa, H.: Does gamification work? – A literature review of empirical studies on gamification. In: 2014 47th Hawaii International Conference on System Sciences, pp. 3025–3034. IEEE (2014)Google Scholar
  8. 8.
    Rojas, D., Kapralos, B., Dubrowski, A.: The missing piece in the gamification puzzle. In: Proceedings of the First International Conference on Gameful Design, Research, and Applications - Gamification 2013, pp. 135–138. ACM Press, New York (2013)Google Scholar
  9. 9.
    Thom, J., Millen, D., DiMicco, J.: Removing gamification from an enterprise SNS. In: Proceedings of the ACM 2012 Conference on Computer Supported Cooperative Work - CSCW 2012, p. 1067. ACM Press, New York (2012)Google Scholar
  10. 10.
    Yamabe, T., Nakajima, T.: Playful training with augmented reality games: case studies towards reality-oriented system design. Multimedia Tools Appl. 62(1), 259–286 (2012)CrossRefGoogle Scholar
  11. 11.
    Michael, D., Chen, S.: Serious Games: Games that Educate, Train and Inform. Cengage Learning PTR, Mason (2005)Google Scholar
  12. 12.
    Susi, T., Johannesson, M., Backlund, P.: Skövde: Institutionen för kommunikation och information. 28 (2007)Google Scholar
  13. 13.
    Nagle, D.: HTML5 Game Engines: App Development and Distribution, pp. 41–43 (2014)Google Scholar
  14. 14.
    Simões, J., Díaz-Redondo, R., Fernandez-Villas, A.: A social gamification framework for a K-6 learning platform. Comput. Hum. Behav. 29, 245–253 (2013)CrossRefGoogle Scholar
  15. 15.
    Armstrong, D.: The new engagement game: the role of gamification in scholarly publishing. Learn. Publish. 26(4), 253–256 (2013)CrossRefMathSciNetGoogle Scholar
  16. 16.
    Lubin, L.: The gamification of learning and instruction field book. New Horiz. Adult Educ. Hum. Resour. Dev. 28(1), 58–60Google Scholar
  17. 17.
    Kapp, K.: Gadgets, Games, and Gizmos for Learning, 1st edn. Wiley, San Francisco (2007)Google Scholar
  18. 18.
    Robson, K., Plangger, K., Kietzmann, J.H., McCarthy, I., Pitt, L.: Game on: engaging customers and employees through gamification. Bus. Horiz. 59, 29–36 (2016). (Elsevier)CrossRefGoogle Scholar
  19. 19.
    Fui-Hoon Nah, F., Zeng, Q., Rajasekhar-Telaprolu, V., Padmanabhuni-Ayyappa, A., Eschenbrenner, B.: Gamification of education: a review of literature. HCI Bus. 8527, 401–409 (2014)Google Scholar
  20. 20.
    De-Marcos, L., Domínguez, A., Saenz-de-Navarrete, J., Pagés, C.: An empirical study comparing gamification and social networking on e-learning. Comput. Educ. 75, 82–91 (2014)CrossRefGoogle Scholar
  21. 21.
    Arias Aranda, D., Bustinza Sánchez, O., Djundubaev, R.: Efectos de los juegos de simulación de empresas y Gamification en la actitud emprendedora en enseñanzas medias. Revista de educación, pp. 134–155 (2016)Google Scholar
  22. 22.
    Obikwelu, C., Read, J.: The serious game constructivist framework for children’s learning. Procedia Comput. Sci. 15, 32–37 (2012)CrossRefGoogle Scholar
  23. 23.
    Pereiraa, G., Brisson, A., Prada, R., Paiva, A., Bellotti, F., Kravcik, M., Klamma, R.: Serious games for personal and social learning & ethics: status and trends. Procedia Comput. Sci. 15, 53–65 (2012)CrossRefGoogle Scholar
  24. 24.
    Carrozzinoa, M., Evangelistaa, C., Brondia, R., Loren, C.: Social networks and web-based serious games as novel educational tools. Procedia Comput. Sci. 15, 303–306 (2012)CrossRefGoogle Scholar
  25. 25.
    Raybourn, E.M.: A new paradigm for serious games: transmedia learning for more effective training and education. J. Comput. Sci. 5, 471–481 (2014)CrossRefGoogle Scholar
  26. 26.
    Barbosa, A.F.S., Silva, F.G.M.: Serious games - design and development of OxyBlood. In: Proceedings of the 8th International Conference on Advances in Computer Entertainment Technology, ACE 2011 (2010)Google Scholar
  27. 27.
    Donovan, L.: The Use of Serious Games in the Corporate Sector, pp. 4–38. Learnovate Centre, Dublin (2012)Google Scholar
  28. 28.
    Provelengios, P., Fesakis, G.: Educational applications of serious games: the case of the game “Food Force” in primary education students. In: Proceedings of the 5th European Conference on Games Based Learning (ECGBL 2011), Athens, Greece, 20–21 October 2011, pp. 476–485 (2011)Google Scholar
  29. 29.
    Viveros, M.C., García, D.: Elaboración de una guía para el desarrollo de aplicaciones en extjs. Instituto Tecnológico de Orizaba (2009)Google Scholar
  30. 30.
    Bura, J.: Construct 2 Game Development by Example. Packt, Birmingham (2014)Google Scholar
  31. 31.
    Sonmez, J.: Beginning HTML 5 Game Development With Quintus. Recuperado el Junio de 2016 (2016). de Plural Sight:
  32. 32.
    Chilli, C.: WADE. Recuperado el Junio de 2016 (s.f.). de Clockwork Chilli:
  33. 33.
    Van der Spuy, R.: Learn Pixi.js. Apress, New York (2015)CrossRefGoogle Scholar
  34. 34.
    melonJS.: Melon JS. Recuperado el Junio de 2016, de melonJS: A lightweight HTML5 game engine (2016).
  35. 35.
    Dirksen, J.: Learning Three.js: The JavaScript 3D Library for WebGL. Packt, Mumbai (2014)Google Scholar
  36. 36.
    Palef, T.: Discover phaser (2014)Google Scholar
  37. 37.
    Eastcott, W.: Building WebGL games on ARM devices with playcanvas. The Architecture for the Digital World (2015)Google Scholar
  38. 38.
    Burke, B.: Gartner Redefines Gamification. 4 de Abril de (2014). (último acceso: 31 de Marzo de 2016)
  39. 39.
    Lameras, P.: Essential features of serious games design in higher education. Soc. Res. High. Educ., 3–22 (2015)Google Scholar
  40. 40.
    McLean, P., Scott, B.: Competencies for learning design: a review of the literature and a proposed framework. Br. J. Educ. Technol. 42(4), 557–572 (2011)CrossRefGoogle Scholar
  41. 41.
    Beetham, H.: Review: design for learning programme phase 2. Review of Learning Design as Part of the JISC’s Design for Learning Programme (2008). Accessed 28 Apr 2011
  42. 42.
    Lundgren, S., Bjork, S.: Game mechanics: describing computer-augmented games in terms of interaction. Paper presented at the TIDSE (2003). Accessed 23 Feb 2015
  43. 43.
    Cook, D.: Lostgarden (2006). What are game mechanics available at: Accessed 23 Feb 2015

Copyright information

© Springer International Publishing AG 2016

Authors and Affiliations

  • Humberto Marín-Vega
    • 1
    Email author
  • Giner Alor-Hernandez
    • 1
  • Ramón Zatarain-Cabada
    • 2
  • M. Lucía Barrón-Estrada
    • 2
  1. 1.Division of Research and Postgraduate StudiesInstituto Tecnológico de OrizabaOrizabaMexico
  2. 2.Division of Research and Postgraduate StudiesInstituto Tecnológico de CuliacánCuliacánMexico

Personalised recommendations