Experiência Interativa em 3D para Exibição de Animais Extintos no Museu Emílio Goeldi: Uma Abordagem Educacional e Tecnológica Baseada em WebGL

• Israel Coimbra de Pina Faculdade Estácio de Belém
• Tobias Moraes de Souza Faculdade Estácio de Belém
• Frederico Guilherme Santana da Silva Filho UFPA
• Marcos Cesar da Rocha Seruffo UFPA
• Diego Lisboa Cardoso UFPA

DOI: https://doi.org/10.5753/webmedia.2025.16163

Resumo

This work investigates the educational impact of an interactive web application based on WebGL for displaying three-dimensional models of extinct animals from Brazilian territory, applied to the Emílio Goeldi Museum context. The research addresses how interactive 3D visualization enhances visitor engagement and knowledge retention compared to traditional exhibitions. The methodology involved implementing advanced 3D model optimization techniques, responsive design, and intuitive interaction interfaces, ensuring accessibility across various devices. Five extinct Brazilian animals were selected as case studies: Megalonyx jeffersonii, Toxodon, Gomphotherium, Phorusrhacidae, and Glyptodon. The application was developed using React Three Fiber integrated with performance optimization libraries for mobile devices. A quasi-experimental study with 150 participants evaluated usability, engagement, and educational outcomes. Results demonstrated significantly higher engagement and knowledge retention. The research contributes to digital museology by demonstrating educational effectiveness, offering a replicable framework for museum institutions.

Palavras-chave: WebGL, Three.js, Digital Museology, Paleontology, 3D Visualization, Digital Cultural Heritage

Referências

Abdelhak Belhi, Hosameldin Osman Ahmed, Taha Alfaqheri, Abdelaziz Bouras, Abdul H. Sadka, and Sebti Foufou. 2024. An integrated framework for the interaction and 3D visualization of cultural heritage. Multimedia Tools and Applications 83 (2024), 4653–4681. [link]

Anastasia-Maria Boutsi, Charalabos Ioannidis, and Sofia Soile. 2019. Interactive online visualization of complex 3D geometries. The International Archives of Photogrammetry, Remote Sensing and Spatial Information Sciences 42, 2/W9 (2019), 173–180. [link]

Ana Carolina Bertoletti De Marchi, Cláudia Dias Testa, et al. 2005. Um ambiente de comunidade virtual baseado em objetos de aprendizagem para apoiar a aprendizagem em museus. Revista Novas Tecnologias na Educação (2005).

Jos Dirksen. 2023. Learn Three.js: Program 3D animations and visualizations for the web with JavaScript and WebGL. Packt Publishing.

Nicolas Esnault, Jérôme Royan, Rémi Cozot, and Christian Bouville. 2010. A flexible framework to personalize 3D web users experience. In Proceedings of the 15th International Conference on Web 3D Technology. ACM, 21–30. [link]

Sara Gonizzi Barsanti, Gabriele Caruso, Laura Loredana Micoli, Mario Covarrubias Rodriguez, and Gabriele Guidi. 2015. 3D visualization of cultural heritage artefacts with virtual reality devices. The International Archives of Photogrammetry, Remote Sensing and Spatial Information Sciences 40, 5 (2015), 165–172. [link]

Jacek Jankowski. 2015. Usability ofWebGL Applications. In WebGL Insights. CRC Press, 351–372.

Joel Johansson. 2021. Performance and Ease of Use in 3D on the Web: Comparing Babylon.js with Three.js. Master’s thesis. Linköping University. [link]

Vânia Marins, Cristina Haguenauer, Gerson Cunha, and Francisco Cordeiro Filho. 2008. Aprendizagem em Museus com Uso de Tecnologias Digitais e Realidade Virtual. Congresso Internacional de Educação a Distância (2008).

Qingde Min, Zhihan Wang, and Ning Liu. 2018. An evaluation of HTML5 and WebGL for medical imaging applications. Journal of Healthcare Engineering 2018 (2018), 1592821. [link]

MoldStud. 2024. Optimizing ThreeJs for Mobile Devices. [link]

Mozilla Developer Network. 2025. WebGL best practices - Web APIs. [link]

Mozilla Developer Network. 2025. What is accessibility? - Learn web development. [link]

Pixel Free Studio. 2024. The Role ofWebGL in Modern Web Development. [link]

Cristina Portalés, José M. F. Rodrigues, Alexandra R. Gonçalves, Esperanza Alba, and Jorge Sebastián. 2018. Digital cultural heritage. Multimodal Technologies and Interaction 2, 3 (2018), 58. [link]

React Three Fiber Documentation. 2025. React Three Fiber - A React renderer for Three.js. [link]

Konstantin Ryabinin and Maria Kolesnik. 2018. Using IoT devices powered by scientific visualization tools to create interactive paleontological museum exhibitions. In Proceedings of 28th International Conference on Computer Graphics and Vision. 70–73. [link]

Smithsonian Institution. 2025. 3D Collection | The Smithsonian Institution’s Human Origins Program. [link]

Sebastian Steeger, Daniel Atzberger, Willy Scheibel, and Jürgen Döllner. 2024. Instanced Rendering of Parameterized 3D Glyphs with Adaptive Level-of-Detail using three.js. In Proceedings of the 29th International Conference on 3D Web Technology. ACM, 1–10. [link]

Three.js Resources. 2025. Three.js Facts | WebGL 3D Facts and Information. [link]

W3C. 2018. Web Content Accessibility Guidelines (WCAG) 2.1. [link]

W3C. 2018. Web Content Accessibility Guidelines (WCAG) 2.1. [link]

So Young Yoon, James Laffey, and Hyungsung Oh. 2008. Understanding usability and user experience of web-based 3D graphics technology. International Journal of Human-Computer Interaction 24, 3 (2008), 288–306. [link]

Michael J. Ziegler, Victor J. Perez, Jeanette Pirlo, Rachel E. Narducci, Sean M. Moran, and Pavlo D. Antonenko. 2020. Applications of 3D paleontological data at the Florida Museum of Natural History. Frontiers in Earth Science 8 (2020), 600696. [link]