The Design of a WebGL-Based 3D Virtual Roaming System for the “Batu Hitam” Shipwreck

  • Gantian Bian
  • Baosheng WangEmail author
Conference paper
Part of the Advances in Intelligent Systems and Computing book series (AISC, volume 973)


This paper details a practical project which we developed to explore the approaches to designing for the storytelling of the virtual reality systems related to cultural heritage. We reconstructed the “Batu Hitam” shipwreck and the cultural items it carried. Then we designed a WebGL-based 3D virtual roaming system applied to PCs. Users can interact with the ship (zoom in/out, rotate, and explode) in this system or board the ship and walk around. For the fluency of storytelling, we designed and rationally arranged nine virtual scenarios composed of animated virtual characters and cultural items, providing an ideal path for visitors. We also use multimedia (text, image, audio, and video) to provide immersive experiences. The system shows the history and structure of the ship as well as life on board. This work suggests that interactivity, fluency, and immersion contribute to the storytelling of the virtual reality systems related to cultural heritage.


Virtual reality Cultural heritage WebGL Storytelling Interactivity Fluency Immersion 


  1. 1.
    Faye, L.: VR Cultural Heritage Sites: A Case Study on Creating Immersive Visual & Auditory Experience. Research Gate (2016)Google Scholar
  2. 2.
    Gonizzi Barsanti, S., Malatesta, S.G., Lella, F., Fanini, B., Sala, F.: The Winckelmann300 project: dissemination of culture with virtual reality at the Capitoline Museum in Rome. Arch. Photogramm. Remote Sens. Spatial Inf. Sci. XLII-2, 371–378 (2018)CrossRefGoogle Scholar
  3. 3.
    Scianna, A., La Guardia, M., Dodero, E., Petacco, L.: 3D virtual CH interactive information systems for a smart web browsing experience for desktop PCs and mobile devices. Arch. Photogramm. Remote Sens. Spatial Inf. Sci. XLII-2, 1053–1059 (2018)CrossRefGoogle Scholar
  4. 4.
    Kersten, T.P., Tschirschwitz, F., Deggim, S.: Development of a virtual museum including a 4D presentation of building history in virtual reality. Int. Arch. Photogramm. Remote Sens. Spatial Inf. Sci. XLII-2, 361–367 (2017)CrossRefGoogle Scholar
  5. 5.
    Parthenios, P., Yiannoudes, S., Oikonomou, A., Mallouchou, F., Ragina, L., Christaki, A.: Using WebGL to design an interactive 3D platform for the main monuments of crete. In: First CAA GR Conference, pp. 206–212. Ubiquity Press, London (2014)Google Scholar
  6. 6.
    Carlo, I., Alfonso, I.: Conservation, restoration, and analysis of architectural and archaeological heritage. IGI Global, Pennsylvania (2018)Google Scholar
  7. 7.
    Carrozzino, M., Bruno, N., Bergamasco, M.: Designing interaction metaphors for Web3D cultural dissemination. J. Cult. Herit. 14(2), 146–155 (2013)CrossRefGoogle Scholar
  8. 8.
    Pietroni, E., Forlani, M., Rufa, C.: Livia’s villa reloaded: an example of re-use and update of a pre-existing virtual museum, following a novel approach in storytelling inside virtual reality environments. In: 2015 Digital Heritage, pp. 1104–1138. IEEE Press, New York (2015)Google Scholar
  9. 9.
    Wells, A.E.: Virtual Reconstruction of a Seventeenth Century Portuguese Nau, Master’s Thesis, Texas A&M University, College Station (2008)Google Scholar
  10. 10.
    Krahl, R., Guy, J., Raby, J., Wilson, K.: Shipwrecked: Tang Treasures and Monsoon Winds. Smithsonian Institution, Washington (2010)Google Scholar
  11. 11.
    Jeremy, G.: The archaeological contribute to the knowledge of the extra-european shipbuilding at the time of the medieval and modern Iberian-Atlantic tradition. In: Proceedings, International Symposium on Archaeology of Medieval and Modern Ships of Iberian-Atlantic Tradition, pp. 69–76 (2001)Google Scholar
  12. 12.
    Bruner, J.: The narrative construction of reality. Crit. Inq. 18(1), 121 (1991)CrossRefGoogle Scholar
  13. 13.
    Gershon, N., Page, W.: What storytelling can do for information visualization. Commun. ACM 44(8), 31–37 (2001)CrossRefGoogle Scholar
  14. 14.
    Barreau, J.B., Nouviale, F., Gaugn, R., Bernard, Y., Llinares, S., Gouranton, V.: An immersive virtual sailing on the 18th-century ship Le Boullongne. Presence Teleoperators Virtual Environ. 24(3), 201–219 (2015)CrossRefGoogle Scholar

Copyright information

© Springer Nature Switzerland AG 2020

Authors and Affiliations

  1. 1.School of DesignHunan UniversityChangshaChina

Personalised recommendations