Browse > Article
http://dx.doi.org/10.11108/kagis.2012.15.4.104

Overlay Rendering of Multiple Geo-Based Images Using WebGL Blending Technique  

Kim, Kwang-Seob (Dept. of Information System Engineering, Hansung University)
Lee, Ki-Won (Dept. of Information System Engineering, Hansung University)
Publication Information
Journal of the Korean Association of Geographic Information Studies / v.15, no.4, 2012 , pp. 104-113 More about this Journal
Abstract
Followed by that HTML5(Hypertext Markup Language5) was introduced, many kinds of program and services based on this have been developed and released. HTML5 is technical standard specifications for cross platform for personal computers and mobile devices so that it is expected that continuing progress and wide application in the both sides of the academic and the industrial fields increase. This study is to design and implement a mobile application program for overlay rendering with DEM and other geo-based image sets using HTML5 WebGL for 3D graphic processing on web environment. Particularly, the blending technique was used for overlay processing with multiple images. Among available WebGL frameworks, CubicVR.js was adopted, and various blending techniques were provided in the user interface for general users. For the actual application in the study area around the Sejong city, serveral types of geo-based data sets were used and processed: KOMPSAT-2 images, ALOS PALSAR SAR images, and grid data by environment measurements. While, DEM for 3D viewing with these geo-based images was produced using contour information of the digital map sets. This work demonstrates possibilities that new types of contents and service system using geo-based images can be extracted and applied.
Keywords
Blending Technique; Overlay Rendering; CubicVR.js; HTML5; Mobile; WebGL;
Citations & Related Records
Times Cited By KSCI : 1  (Citation Analysis)
연도 인용수 순위
1 김광섭, 이기원. 2012. HTML5 WebGL을 이용한 스마트폰 3차원 지형정보 시각화. 대학원격탐사학회지 28(2):245-254.   과학기술학회마을   DOI   ScienceOn
2 한국정보화진흥원. 2010. 스마트 사회 구현을 위한 공간정보서비스 활용 전략. 30쪽.
3 Anyuru, A. 2012. Professional WebGL Programming: Developing 3D Graphics for the Web. Wrox. 361pp.
4 Cantor, D. and B. Jones. 2012. WebGL Beginner's Guide, Packt Publishing. 376pp.
5 Hall, D.L. and J. Llinas (ed). 2001. Handbook of Multisensor Data Fusion, CRC Press. 547pp.
6 Kim, E.N., D.P. Schissel, G. Abla, S. Flanagan and X. Lee. 2012. Web-based (HTML5) interactive graphics for fusion research and collaboration. Fusion Engineering and Design. http://dx.doi.org/10.1016/j.fusengdes.2012.03.041.   DOI   ScienceOn
7 Kim, K.S. and K. Lee. 2012. 3D Fusion of Remote Sensing Data on Smartphone. Proceedings of International Symposium on Remote Sensing pp.378-381.
8 Mo, Z. 2012. WebGL, Siggraph 2012 Course Graphics Programming for the Web.
9 CubicVR 3D Engine. 2010. CubicVR 3D Engine ported to WebGL. http://www.cubicvr.org/45-news/webgl/74-webglengine1.
10 CubicVR 3D Engine. 2012. https://github.com/cjcliffe/CubicVR.js/wiki/CubicVR.js-API-Reference.
11 Marrin, C. (ed). 2011. Web GL Specification version 1.0. http://www.kronos.org/registry/webgl/specs/1.0/.
12 Prall, C. 2011. Blending WebGL Textures. http://chandler.prallfamily.com/2011/06/blending-webgl-textures.
13 W3C Working Group. 2012. HTML5 differences from HTML4. http://www.w3.org/TR/html5-diff/.