Exploring Three-js library possibilities for the dissemination of cultural heritage projects


  • Jesús Palomar-Vázquez Universitat Politècnica de València https://orcid.org/0000-0001-5438-8950
  • María José Viñals Universitat Politècnica de València




3D models, heritage dissemination, WebGL, Three-js


For whatever project related with the study and conservation of cultural heritage, the dissemination stage of tree-dimensional (3D) information must be a key part of the whole process. Most of the existing web-based platforms are using WebGL technology to disseminate 3D content through Web navigators, despite they are normally generic, with a low level of viewers ‘customization. Alternatively, users can make use of several libraries, most of them open source, which allow a complete adaptation to the specific project features, even though enough level of programming skills are necessary to use them. In the present paper we will describe the minimum requirements that any cultural heritage dissemination project should contain and its implementation using Three-js, one of the most versatile open source libraries for 3D visualization. In addition, we will show several examples of Three-js integration with other libraries that take advantage from HTML5 (HyperText Markup Language, version 5) to enhance the user's experience on a Web platform.


Download data is not yet available.

Author Biographies

Jesús Palomar-Vázquez, Universitat Politècnica de València

Departamento de Ingeniería Cartográfica, Geodesia y Fotogrametría

María José Viñals, Universitat Politècnica de València

Departamento de Ingeniería Cartográfica, Geodesia y Fotogrametría


Babylon JS. 3D engine based on WebGL/Web audio and JavaScript. Retrieved form http://www.babylonjs.com

Domingo, I., Carrión, B., Blanco, S., & Lerma, J. L.(2015). Evaluating conventional and advanced visible image enhancement solutions to produce digital tracings at el Carche rock art shelter. Digital Applications in Archaeology and Cultural Heritage,2, 79–88. http://doi.org/10.1016/j.daach.2015.01.001

Durbán,J. (2014). Tipologías y estrategias en la defensa de Valencia. Estudio del punto de apoyo de San Antonio de Benagéber en el centro de resistencia dela Vallesa de Mandor. La Linde, revista digital de arqueología, 3. Retrieved form http://www.lalindearqueologia.com/index.php/crea-articulo/52-edicion-numero-3/arqueologia-de-la-guerra-civil-3/125-san-antonio-de-benageber

Evans, A., Romeo, M., Bahrehmand, A., Agenjo, J., & Blat, J. (2014). 3D graphics on the web: A survey. Computers & Graphics, 41, 43–61. http://doi.org/10.1016/j.cag.2014.02.002

Jiménez, J., García, M., Revelles, J., & Melero, F. (2012). Digitalización 3D y difusión en web del patrimonio de las universidades andaluzas mediante X3DyWebGL. Virtual Archaeology Review, 3(7), 55–59. http://dx.doi.org/10.4995/var.2012.4386

Harman, J. (2005). Using decorrelation stretch to enhance rock art images. American Rock Art Research Association Annual Meeting, Sparks, Nevada.

Koutsoudis,A., Vidmar,B., Ioannakis,G., Arnaoutoglou,F., Pavlidis, G., &Chamzas, C.(2014). Multi-image 3D reconstruction data evaluation. Journal of Cultural Heritage, 1, 73–79. http://doi.org/10.1016/j.culher.2012.12.003

Krämer, M., & Gutbell, R. (2015). A case study on 3D geospatial applications in the Web using state-of-the-art WebGL frameworks. In Proceedings of the 20th International Conference on 3D Web Technology (pp. 189–197). New York, USA: ACM. http://dx.doi.org/10.1145/2775292.2775303

Palomar-Vázquez, J., & Viñals-Blasco, M. J. (2016). Replication data for: Exploración de las posibilidades de la librería Three-js en proyectos de difusión del patrimonio cultural. Harvard Dataverse, V1. http://dx.doi.org/10.7910/DVN/Q3H81Y

Parisi, T. (2012). WebGL: Up and Running. Building 3D Graphics for the Web. Sebastopol, USA: O’Reilly Media.

Peinado, Z., Fernández, A., & Agustín, L. (2014). Combination of low cost terrestrial and aerial photogrammetry: three-dimensional survey of the church of San Miguel in Ágreda (Soria). Virtual Archaeology Review, 5(10), 51–58. http://dx.doi.org/10.4995/var.2014.4210

PlayCanvas. 3DHTML5 & WebGL Game engine. Retrieved form https://playcanvas.com

Potree. WebGL pointcloud renderer. Retrieved form http://www.potree.org

Robles, M., Feito, F., Jiménez, J., & Segura, R.(2012). Tecnologías para museos virtuales en dispositivos móviles. Virtual Archaeology Review, 3(7), 102–108. http://dx.doi.org/10.4995/var.2012.4402

Stefani, C., Brunetaud, X., Janvier-Badosa, S., Beck, K., De Luca, L., &Al-Mukhtar, M. (2014). Developing a toolkit for mapping and displaying stone alteration on a web-based documentation platform. Journal of Cultural Heritage, 15(1), 1–9. http://doi.org/10.1016/j.culher.2013.01.011

Three js. Javascript 3D library. Retrieved form http://threejs.org



How to Cite

Palomar-Vázquez, J., & Viñals, M. J. (2016). Exploring Three-js library possibilities for the dissemination of cultural heritage projects. Virtual Archaeology Review, 7(15), 112–122. https://doi.org/10.4995/var.2016.5834