Abstract
The online learning becomes more and more popular where visualization of 3D objects can be employed to lots of fields, e.g., 3D building information modeling for architecture, 3D city model for urban planning, 3D animation for film, 3D skeleton visualization of medical treatment, etc.. In tradition, the most popular tool for 3D modeling and visualization is OpenGL which is based on Client/Server. In another word, C++ code for OpenGL must be installed and configured firstly which is not convenient for new beginners. By contrast, this paper focus on visualization of 3D objects in Computer Graphics and GIS (Geographic Information System) purely depending on JavaScript technology where no additional software or plugins, applet, ActiveX control is needed. Typical JavaScript libraries covers ThreeJS for Computer Graphics, OpenLayers for 2D GIS and CesiumJS for 3D GIS. Based on the above libraries, e-learners could view and manipulate 3D objects in web browser (e.g., Google Chrome). Such intuitive and convenient 3D visualization and manipulation results in much more interesting for learning.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
References
OpenGL. https://www.opengl.org/. Accessed 26 July 2020
OpenSceneGraph. http://www.openscenegraph.org/. Accessed 26 July 2020
Zhuang, Y., Su, C., Huang, L., Wu, F.: Subdivision feedback based 3D facial modeling for E-learning. In: Zhou, W., Nicholson, P., Corbitt, B., Fong, J. (eds.) ICWL 2003. LNCS, vol. 2783, pp. 218–229. Springer, Heidelberg (2003). https://doi.org/10.1007/978-3-540-45200-3_21
Tang, J.-Y., Chen, J.-H., Ku, D.T., Chao, L.R., Shih, T.K., Weng, M.M.: Constructing the 2D adventure game-based assessment system. In: Spaniol, M., Li, Q., Klamma, R., Lau, R.W.H. (eds.) ICWL 2009. LNCS, vol. 5686, pp. 376–385. Springer, Heidelberg (2009). https://doi.org/10.1007/978-3-642-03426-8_45
Huang, K.-M., Chen, J.-H., Shen, C.-Y., Chao, L.R., Shih, T.K.: Developing the 3D adventure game-based assessment system with Wii remote interaction. In: Spaniol, M., Li, Q., Klamma, R., Lau, R.W.H. (eds.) ICWL 2009. LNCS, vol. 5686, pp. 192–195. Springer, Heidelberg (2009). https://doi.org/10.1007/978-3-642-03426-8_24
Tai, Y.S., Liu, W.: A web-based CAD system for learning and laboratory purpose. In: Liu, W., Shi, Y., Li, Q. (eds.) ICWL 2004. LNCS, vol. 3143, pp. 309–316. Springer, Heidelberg (2004). https://doi.org/10.1007/978-3-540-27859-7_40
Yun, R., Chen, G., Li, Y.: Using VRML and JAVA to build virtual game-based learning environment for addition and subtraction operation. In: Liu, W., Li, Q., W.H. Lau, R. (eds.) ICWL 2006. LNCS, vol. 4181, pp. 146–153. Springer, Heidelberg (2006). https://doi.org/10.1007/11925293_14
Tam, G.K.L., Lau, R.W.H., Zhao, J.: A 3D geometry search engine in support of learning. In: Leung, H., Li, F., Lau, R., Li, Q. (eds.) ICWL 2007. LNCS, vol. 4823, pp. 404–415. Springer, Heidelberg (2008). https://doi.org/10.1007/978-3-540-78139-4_36
Magnenat-Thalmann, N., Protopsaltou, D., Kavakli, E.: Learning how to dance using a web 3D platform. In: Leung, H., Li, F., Lau, R., Li, Q. (eds.) ICWL 2007. LNCS, vol. 4823, pp. 1–12. Springer, Heidelberg (2008). https://doi.org/10.1007/978-3-540-78139-4_1
Nicolaescu, P., Toubekis, G., Klamma, R.: A microservice approach for near real-time collaborative 3D objects annotation on the web. In: Li, F.W.B., Klamma, R., Laanpere, M., Zhang, J., Manjón, B.F., Lau, R.W.H. (eds.) ICWL 2015. LNCS, vol. 9412, pp. 187–196. Springer, Cham (2015). https://doi.org/10.1007/978-3-319-25515-6_17
ThreeJS. https://threejs.org/. Accessed 26 July 2020
OpenLayers. https://openlayers.org/. Accessed 26 July 2020
CesiumJS. https://cesium.com/cesiumjs/. Accessed 26 July 2020
Acknowledge
The Project Supported by the Open Fund of Key Laboratory of Urban Land Resources Monitoring and Simulation, Ministry of Natural Resources (No. KF-2019-04-017), Zhejiang Provincial Natural Science Foundation of China under Grant No. LQ19D010005, Ningbo Natural Science Foundation (Grant No. 2018A610121), also funded by Open Research Fund Program of Key Laboratory of Digital Mapping and Land Information Application Engineering, NASG (Grant No. GCWD201801).
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2021 Springer Nature Switzerland AG
About this paper
Cite this paper
Yu, C., Fu, M., Pang, C. (2021). HTML 5-Based Learning for 3D Computer Graphics and GIS. In: Pang, C., et al. Learning Technologies and Systems. SETE ICWL 2020 2020. Lecture Notes in Computer Science(), vol 12511. Springer, Cham. https://doi.org/10.1007/978-3-030-66906-5_4
Download citation
DOI: https://doi.org/10.1007/978-3-030-66906-5_4
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-030-66905-8
Online ISBN: 978-3-030-66906-5
eBook Packages: Computer ScienceComputer Science (R0)