11:00 AM - 1:00 PM
[MGI35-P15] Development of WebGL-Based Three-Dimensional Geological Model Viewer
Keywords:WebGL, 3D, Geological model, Urban areas
Geological Survey of Japan (GSJ) has developed a three-dimensional (3D) urban geological map to a depth of several tens of meters using borehole data obtained from drilling surveys for stratigraphic research and public construction work. The 3D urban geological map was open to the public on the website “Urban Geological Map” (https://gbank.gsj.jp/urbangeol/). On this website, the 3D geological model that consists of several geological boundary surfaces, what is called “surface-based geological model”, can be viewed along with borehole log objects color-coded according to rock types or rock hardness. However, since the 3D model was stored as a Virtual Reality Model Language (VRML), which is an obsolete file format for representing 3D graphics, a dedicated plug-in was required to show it on a web browser. The problem regarding the need for plug-in in use of VRML was a major obstacle to promote the use of 3D geological information in urban areas created by GSJ.
The purpose of our work is to provide the 3D geoinformation of shallow subsurface in urban areas in understandable easy-to-use style. In this study, we developed a JavaScript-based 3D geological model viewer. This viewer is designed to show 3D geological model on the web browser using Web Graphic Library (WebGL). In this viewer, the WebGL is controlled by the three.js, one of the major JavaScript libraries for 3D computer graphics. The developed viewer has interactive functions for showing and hiding individual geological boundary surface, for switching texture images used for borehole log objects, for setting the light source position and background color, and for adjusting the vertical exaggeration ratio of the 3D view as well as does not require any plug-ins. In addition, the viewer enables to get attribute information of geological boundary surface or borehole log object at mouse-clicked position. These functions are useful for easily understanding the subsurface geological structure.
In this presentation, we will talk about an outline of the developed viewers, focusing on its functions.
The purpose of our work is to provide the 3D geoinformation of shallow subsurface in urban areas in understandable easy-to-use style. In this study, we developed a JavaScript-based 3D geological model viewer. This viewer is designed to show 3D geological model on the web browser using Web Graphic Library (WebGL). In this viewer, the WebGL is controlled by the three.js, one of the major JavaScript libraries for 3D computer graphics. The developed viewer has interactive functions for showing and hiding individual geological boundary surface, for switching texture images used for borehole log objects, for setting the light source position and background color, and for adjusting the vertical exaggeration ratio of the 3D view as well as does not require any plug-ins. In addition, the viewer enables to get attribute information of geological boundary surface or borehole log object at mouse-clicked position. These functions are useful for easily understanding the subsurface geological structure.
In this presentation, we will talk about an outline of the developed viewers, focusing on its functions.