Browse > Article
http://dx.doi.org/10.6109/jkiice.2014.18.12.3042

Platform Independent Game Development Using HTML5 Canvas  

Jang, Seok-Woo (Department of Digital Media, Anyang University)
Huh, Moon-Haeng (Department of Digital Media, Anyang University)
Publication Information
Journal of the Korea Institute of Information and Communication Engineering / v.18, no.12, 2014 , pp. 3042-3048 More about this Journal
Abstract
Recently, HTML5 have drawn many people's attention since it is considered as a next-generation web standard and can implement a lot of graphic and multimedia-related techniques on a web browser without installing programs separately. In this paper, we implement a game independent of platforms, such as iOS and Android, using the HTML5 canvas. In the game, the main character can move up, down, left, and right not to collide with neighboring enemies. If the character collides with an enemy, the HP (hit point) gauge bar reduces. On the other hand, if the character obtains heart items, the gauge bar increases. In the future, we will add various items to the game and will diversify its user interfaces by applying computer vision techniques such as various gesture recognition.
Keywords
Smartphone; HTML5; Game Development; Canvas; Javascript; Platform;
Citations & Related Records
Times Cited By KSCI : 5  (Citation Analysis)
연도 인용수 순위
1 Y.-K. Kim and J.-H. Choi, "Design and implementation of mobile teleconference system based on hybrid web," KIPS Transactions on Computer and Communication Systems, vol. 2, no. 10, pp.437-444, 2013.   과학기술학회마을   DOI   ScienceOn
2 H. Prima Dewi Purnamasari and N. Syifana, "Clickable and interactive video system using HTML5," in Proceedings of the International Conference on Information Networking, pp. 232-237, Feb. 2014.
3 M.-J. Kang, "A Framework Design for Developing Game Based on HTML5," in Proceedings of the Korean Society of Computer Information Conference, pp. 219-220, vol. 21, no. 1, Jan. 2013.   과학기술학회마을
4 X. Yan, L. Yang, S. Lan, and X. Tong, "Application of HTML5 multimedia," in Proceedings of International Conference on Computer Science and Information Processing, pp. 871-874, Aug. 2012.
5 J.-T. Park, H.-S. Hwang, and I.-Y. Moon, "Implementation of smart TV application using HTML5 and health bicycle," The Journal of Korea Navigation Institute, vol. 18. no. 1, pp. 101-106, Feb. 2014.   과학기술학회마을   DOI   ScienceOn
6 T. Engelke, M. Becker, H. Wuesta, J. Keila, and A. Kuijper "MobileAR browser - a generic architecture for rapid ARmulti-level development," Expert Systems with Applications, vol. 40, no. 7, pp. 2704-2714, 2013.   DOI   ScienceOn
7 S.-H. Park, Y.-D. Kim, and I.-Y. Moon, "Development of Coupon System for Youth's Experiential Learning Using QR Code," Journal of Korean Institute for Practical Engineering Education, vol. 5, no. 1, pp.52-57, 2013.
8 S.-B. Lim, H.-M. Park, and C.-W. Lee, Introduction to HTML5 Web Programming, Life and Power Press, 2013.
9 D. Preuveneers, Y. Berbers, and W. Joosen, "The future of mobile e-health application development: exploring HTML5 for context-aware diabetes monitoring," Procedia Computer Science, vol. 21, pp. 351-359, 2013.   DOI   ScienceOn
10 G. Zhu, F. Zhang, W. Zhu, and Y. Zheng, "HTML5-based media player for real-time video surveillance," in Proceedings of the 5th International Congress on Image and Signal Processing, Chongqing, China, pp. 245-248, 2012.
11 C.-H. Nam and C.-G. Seo, "A study on the implementation of mobile web site using HTML5," Journal of Korean Digital Convergence, vol. 11, no. 1, pp. 165-172, Jan. 2013.
12 S.-U. Choi and M.-S. Choi, "Design and implementation of effective e-learning education contents considering multiplatform environment," The Journal of the Korea Contents Association, vol.12, no. 4, pp. 1-9, April 2012.