Skip to main content

A Framework for Browser-Based Multiplayer Online Interaction by Kinect and HTML5 -- with “Flying Kite” as A Case Example

  • Conference paper
  • First Online:
Human Centered Computing (HCC 2014)

Part of the book series: Lecture Notes in Computer Science ((LNISA,volume 8944))

Included in the following conference series:

Abstract

Nowadays motion sensing game is becoming popular because it not only makes the player have the emotional well-being like traditional games, but also it can combine physical exercise with playing games. Considering most traditional motion sensing games are based on local large-screen television and needed to be installed in advance, and multiplayers can’t compete online together, this paper aims to take advantage of the browser, integrate the strengths of HTML5 in Web development and Kinect in motion sensing interaction, and make good use of HTML5 WebSocket in communication, to develop browser-based Kinect games so that Kinect games no longer limited to local pre-installed single player game, but also multiplayers can compete online too. Based on this idea we propose a brand-new game developing method and we implemented such a browser-based Kinect game “Flying Kite” to prove the feasibility and playability of this framework.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 84.99
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 109.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Preview

Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

References

  1. Lawson, B., Sharp, R..: Introducing html5. New Riders (2011)

    Google Scholar 

  2. HTML5 Canvas. http://www.w3school.com.cn/html5.html_5_canvas.asp

  3. Chen, B., Xu, Z.: A framework for browser-based Multiplayer Online Games using WebGL and WebSocket. In: 2011 International Conference on Multimedia Technology (ICMT), pp. 471–474. IEEE Press, Hangzhou (2011)

    Google Scholar 

  4. Kapetanakis, K., Panagiotakis, S., Malamos, A.G.: HTML5 and WebSockets; challenges in network 3D collaboration. In: Proceedings of the 17th Panhellenic Conference on Informatics, pp. 33–38. ACM Press, Thessaloniki (2013)

    Google Scholar 

  5. Kinect and HTML5 using WebSockets and Canvas. http://www.codeproject.com/Articles/309306/Kinect-HTML5-using-WebSockets-and-Canvas

  6. Fette, I., Melnikov, A.: The websocket protocol. Internet Engineering Task Force (2011)

    Google Scholar 

  7. W3School JSON Introduction. http://www.w3school.com.cn/json/index.asp

  8. Peng, D., Cao, L., Xu, W.: Using JSON for data exchanging in web service applications. Journal of Computational Information Systems, 5883–5890 (2011)

    Google Scholar 

  9. Xu, Z., Zhu, J.: Research of WebGIS based on HTML5 and JSON. In: 2011 International Conference on Computer Science and Network Technology (ICCSNT), pp. 1714–1717. IEEE Press, Harbin (2011)

    Google Scholar 

  10. Chiang, I.T., Tsai, J.C., Chen, S.T.: Using Xbox 360 kinect games on enhancing visual performance skills on institutionalized older adults with wheelchairs. In: 2012 IEEE 4th International Conference on Digital Game and Intelligent Toy Enhanced Learning (DIGITEL 2012), pp. 263–267. IEEE Press, Takamatsu (2012)

    Google Scholar 

  11. Soltani, F., Eskandari, F., Golestan, S.: Developing a gesture-based game for deaf/mute people using Microsoft kinect. In: The Sixth International Conference on Complex, Intelligent, and Software Intensive Systems, pp. 491–495. IEEE Press, Palermo (2012)

    Google Scholar 

  12. Pimentel, V., Nickerson, B.G.: Communicating and displaying real-time data with WebSocket. In: The 2012 International Conference on Internet Computing, pp. 45–53. IEEE Press, Las Vegas (2012)

    Google Scholar 

  13. Wessels, A., Purvis, M., Jackson, J., et al.: Remote data visualization through websockets. In: 8th International Conference on Information Technology: New Generations (ITNG), pp. 1050–1051. IEEE Press, Las Vegas (2011)

    Google Scholar 

  14. Liu, Q., Sun, X.: Research of Web Real-Time Communication Based on Web Socket. Int’l J. of Communications, Network and System Sciences (2012)

    Google Scholar 

  15. Ma, K., Sun, R.: Introducing websocket-based real-time monitoring system for remote intelligent buildings. International Journal of Distributed Sensor Networks (2013)

    Google Scholar 

  16. Warade, S., Aghav, J., Claude, P., et al.: Real-time detection and tracking with Kinect. Intl. Conf. Comp. Info. Tech 86–89 (2012)

    Google Scholar 

  17. Liu, X., Fujimura, K.: Hand gesture recognition using depth data. In: Sixth IEEE International Conference on Automatic Face and Gesture Recognition, pp. 529–534. IEEE Press, Seoul (2004)

    Google Scholar 

  18. Blair, T.B., Davis, C.E.: Innovate engineering outreach: A special application of the Xbox 360 Kinect sensor. In: 2013 IEEE Frontiers in Education Conference, pp. 1279–1283. IEEE Press, Oklahoma (2013)

    Google Scholar 

  19. Lai, K., Konrad, J., Ishwar, P.: A gesture-driven computer interface using Kinect. In: 2012 IEEE Southwest Symposium on Image Analysis and Interpretation (SSIAI), pp. 185–188. IEEE Press, Santa Fe (2012)

    Google Scholar 

  20. Zheng, Q, Xu, G-s.: The research of Websocket in server push. In: 9th National Conference of China Institute of Communications, pp. 376–381, Beijing (2012)

    Google Scholar 

  21. Feng, K., Wang, H., Lian, J., Liu, W., Jia, H.: Design of 3D browser-based multiplayer online game based on HTML5. Software Technology 32(1), 4–6 (2013)

    Google Scholar 

  22. Parajuli, M., Tran, D., Ma, W., et al.: Senior health monitoring using Kinect. In: The Fourth International Conference on Communications and Electronics (ICCE), pp. 309–312. IEEE Press, Hanoi (2012)

    Google Scholar 

  23. Isbister, K.: Enabling social play: A framework for design and evaluation. Evaluating User Experience in Games, pp. 11–22. Springer, London (2010)

    Book  Google Scholar 

  24. Nacke, L., Drachen, A., Göbel, S.: Methods for evaluating gameplay experience in a serious gaming context. International Journal of Computer Science in Sport 9(2), 1–12 (2010)

    Google Scholar 

  25. Hayakawa, T., Hikita, T.: Proposal for Virtual Web Browser by Using HTML5. In: Obaidat, M.S. (ed.) Advanced in Computer Science and Its Applications. LNEE, vol. 279, pp. 225–232. Springer, Heidelberg (2014)

    Chapter  Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Zhengyu Sun .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2015 Springer International Publishing Switzerland

About this paper

Cite this paper

Hou, W., Sun, Z., Li, T., Zhao, L. (2015). A Framework for Browser-Based Multiplayer Online Interaction by Kinect and HTML5 -- with “Flying Kite” as A Case Example. In: Zu, Q., Hu, B., Gu, N., Seng, S. (eds) Human Centered Computing. HCC 2014. Lecture Notes in Computer Science(), vol 8944. Springer, Cham. https://doi.org/10.1007/978-3-319-15554-8_34

Download citation

  • DOI: https://doi.org/10.1007/978-3-319-15554-8_34

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-319-15553-1

  • Online ISBN: 978-3-319-15554-8

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics