An HTML Tool for Production of Interactive Stereoscopic Content

  • Alexey Chistyakov
  • Jordi Carrabina
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9454)


The benefits provided by the stereoscopic vision have been thoroughly studied for more than a century. The results of this research state that S3D, when properly implemented, enhances efficiency of different applications. At the same time, the market of 3D-enabled technologies is blooming, revealing new devices to the public. 3D cameras, TVs, projectors, monitors, and mobiles are becoming more and more affordable and are not considered as something exotic anymore. Yet this technology is far from being widely implemented. The scarcity of tools for production of such content along with the absence of proper guidelines establishing the rules for S3D depth implementation could be the main reason. With this work we present a tool for generation of interactive stereoscopic HTML compositions. We describe the tool’s operation mode and expose results of the performance test.


Stereoscopic 3D HTML Human-computer interaction User interface 



Funded by the Catalan Government scholarship 2013-DI-030


  1. 1.
    Broy, N., Schneegass, S., Guo, M., Alt, F., Schmidt, A.: Evaluating stereoscopic 3D for automotive user interfaces in a real-world driving study. In: Proceedings of the 33rd Annual ACM Conference Extended Abstracts on Human Factors in Computing Systems - CHI EA 2015, pp. 1717–1722. ACM Press, New York, April 2015.
  2. 2.
    Chistyakov, A., González-Zúñiga, D., Carrabina, J.: Bringing the web closer: stereoscopic 3D web conversion. In: Collazos, C., Liborio, A., Rusu, C. (eds.) CLIHC 2013. LNCS, vol. 8278, pp. 22–25. Springer, Heidelberg (2013) CrossRefGoogle Scholar
  3. 3.
    González-Zúñiga, D., Chistyakov, A., Orero, P., Carrabina, J.: Breaking the pattern: study on stereoscopic web perception. In: Urzaiz, G., Ochoa, S.F., Bravo, J., Chen, L.L., Oliveira, J. (eds.) UCAmI 2013. LNCS, vol. 8276, pp. 26–33. Springer, Heidelberg (2013) Google Scholar
  4. 4.
    Häkkilä, J., Posti, M., Koskenranta, O., Ventä-Olkkonen, L.: Design and evaluation of mobile phonebook application with stereoscopic 3D user interface. In: CHI 2013 Extended Abstracts on Human Factors in Computing Systems on - CHI EA 2013, p. 1389 (2013),
  5. 5.
    Han, S., Lee, D.Y.: Extensions for Stereoscopic 3D support (2012). Accessed 6 Jun 2015
  6. 6.
    Hartmann, W.J., Hikspoors, H.M.J.: Three-dimensional TV with cordless FLC spectacles. Inf. Disp. 3(9), 15–17 (1987). Google Scholar
  7. 7.
    Hickson, I.: A vocabulary and associated APIs for HTML and XHTML (2012). Accessed 5 Jun 2015
  8. 8.
    Holliman, N.: 3D display systems. In: Handbook of Opto-electronics (2005). ISBN 0-7503-0646-7Google Scholar
  9. 9.
    Holliman, N.S., Dodgson, N.A., Favalora, G.E., Pockett, L.: Three-dimensional displays: a review and applications analysis. IEEE Trans. Broadcast. 57(2), 362–371 (2011)CrossRefGoogle Scholar
  10. 10.
    Howard, I.P.: Seeing in depth, Vol. 1: Basic mechanisms. University of Toronto Press (2002)Google Scholar
  11. 11.
    IJsselsteijn, W., de Ridder, H., Hamberg, R., Bouwhuis, D., Freeman, J.: Perceived depth and the feeling of presence in 3DTV. Displays 18(4), 207–214 (1998)CrossRefGoogle Scholar
  12. 12.
    Johnston, S., Renambot, L., Sauter, D.: Employing WebGL to develop interactive stereoscopic 3D content for use in biomedical visualization. In: Dolinsky, M., McDowall, I.E. (eds.) The Engineering Reality of Virtual Reality 2013, Proceedings of the SPIE, vol. 8649, p. 864–905, March 2013.
  13. 13.
    Khronos WebGL Working Group: WebGL - OpenGL ES 2.0 for the Web (2015). Accessed 10 Jun 2015
  14. 14.
    McMahan, R.P., Gorton, D., Gresock, J., McConnell, W., Bowman, D.A.: Separating the effects of level of immersion and 3D interaction techniques. In: Proceedings of the ACM Symposium on Virtual Reality Software and Technology - VRST 2006, p. 108. ACM Press, New York, November 2006.
  15. 15.
    Nocent, O., Piotin, S., Benassarou, A., Jaisson, M., Lucas, L.: 3D displays and tracking devices for your browser: A plugin-free approach relying on web standards. In: Proceedings of the 2012 International Conference on 3D Imaging - IC3D 2012, pp. 1–8, December 2012.
  16. 16.
    Pastoor, S., Wöpking, M.: 3-D displays: a review of current technologies. Displays 17(2), 100–110 (1997)CrossRefGoogle Scholar
  17. 17.
    Resig, J.: jQuery (2006). Accessed 5 June 2015
  18. 18.
    Schild, J., Bölicke, L., LaViola Jr., J.J., Masuch, M.: Creating and analyzing stereoscopic 3D graphical user interfaces in digital games. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems - CHI 2013, p. 169. ACM Press, New York, April 2013.
  19. 19.
    StatCounter: StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share (2015). Accessed 8 Jun 2015
  20. 20.
    StatCounter: StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share (2015). Accessed 8 Jun 2015
  21. 21.
    Takatalo, J., Kawai, T., Kaistinen, J., Nyman, G., Häkkinen, J.: User experience in 3D stereoscopic games. Media Psychol. 14(4), 387–414 (2011)CrossRefGoogle Scholar
  22. 22.
    three.js: three.js - Javascript 3D library (2015). Accessed 8 Jun 2015
  23. 23.
    Van Beurden, M., IJsselsteijn, W., Juola, J.: Effectiveness of stereoscopic displays in medicine: a review. 3D Rese. 3(1), 1–13 (2012)CrossRefGoogle Scholar
  24. 24.
    Ventä-Olkkonen, L., Posti, M., Häkkilä, J.: How to Use 3D in Stereoscopic Mobile User Interfaces. In: Proceedings of International Conference on Making Sense of Converging Media - AcademicMindTrek 2013, pp. 39–42 (2013).
  25. 25.
    Wang, W., Dong, S., Wang, R., Cheng, Q., Zhang, J., Liu, Z.: Stereoscopic 3D Web: from idea to implementation. In: 2014 International Conference on Information Science, Electronics and Electrical Engineering, vol. 3, pp. 1440–1444. IEEE, April 2014.
  26. 26.
    Zachte, E.: Wikimedia Traffic Analysis Report - Browsers e.a (2015). Accessed 8 Jun 2015

Copyright information

© Springer International Publishing Switzerland 2015

Authors and Affiliations

  1. 1.Aitech S.L.BellateraSpain
  2. 2.Escola d’EnginyeriaUniversitat Autónoma de Barcelona, CEPHISBellateraSpain

Personalised recommendations