• Title/Summary/Keyword: HTML5/WebGL

Search Result 12, Processing Time 0.031 seconds

Visualization of 3D Terrain Information on Smartphone using HTML5 WebGL (HTML5 WebGL을 이용한 스마트폰 3차원 지형정보 시각화)

  • Kim, Kwang-Seob;Lee, Ki-Won
    • Korean Journal of Remote Sensing
    • /
    • v.28 no.2
    • /
    • pp.245-253
    • /
    • 2012
  • The public and civilian demands regarding 3D geo-spatial information processing on mobile device including smartphone are increasing. But there are few actual implementations or application cases. This work is to present some results by a prototype implementation of 3D terrain information visualization function with satellite image and DEM using HTML5 WebGL, which is a web-based graphic library under the standardization process. This is a useful standard for cross-platform operation for 3D graphic rendering without other plug-in modules. As the results, in the different types of operating system or browser in a personal computer or a smartphone, it shows same rendering results, as long as they support HTML5 WebGL. As well;geo-metadata search and identification functions for data sets for 3D terrain visualization process are added in this implementation for the practical aspect.

Behavior Engine for WebGL-based Interactive Contents (WebGL 기반의 상호작용 콘텐츠를 위한 행위 엔진)

  • Seo, Jin-Seok
    • Proceedings of the Korean Institute of Information and Commucation Sciences Conference
    • /
    • 2011.10a
    • /
    • pp.862-865
    • /
    • 2011
  • WebGL is a cross-platform web standard for a low-level 3D graphics API based on OpenGL ES 2.0 and presents 3D graphics in web browsers without installing extra plug-ins. The reason that WebGL is notable is because it is included in the HTML5 standard which is getting the spotlight as a next-generation RIA(Rich Internet Application) platform for variable devices such as PCs, smart phones, table PCs, and smart TVs. In this research, we would like to introduce and develop a behavior engine for easy and rapid authoring of complicated interactions and 3D object's behavior models in WebGL-based contents.

  • PDF

Overlay Rendering of Multiple Geo-Based Images Using WebGL Blending Technique (WebGL 블렌딩 기법을 이용한 다중 공간영상정보 중첩 가시화)

  • Kim, Kwang-Seob;Lee, Ki-Won
    • Journal of the Korean Association of Geographic Information Studies
    • /
    • v.15 no.4
    • /
    • pp.104-113
    • /
    • 2012
  • 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.

Design and Implementation of 3D Geospatial Open Platform Based on HTML5/WebGL Technology (HTML5/WebGL 기반 3D 공간정보 오픈플랫폼 소프트웨어 설계 및 구현)

  • Kim, Min Soo;Jang, In Sung
    • Spatial Information Research
    • /
    • v.23 no.6
    • /
    • pp.57-66
    • /
    • 2015
  • Recently, the utilization of geospatial open platforms has been constantly increased and the interest in 3D geospatial data such as terrain, building and shopping mall has been increased significantly. In particular, rather than simplified 3D geospatial data, interest in high-precision 3D geospatial data which similarly represents the real world objects has increased significantly. In order to satisfy the demand for such the high-precision 3D geospatial data, various kinds of 3D geospatial open platforms has been developed and has provided services on the web. However, most of the 3D geospatial open platforms have been used plug-in module in order to ensure a fast 3D rendering performance on the web, despite the many problems such as difficulty of the installation, no supporting of cross browser/operating system and security issues. In addition, recently, the existing 3D geospatial open platforms based on plug-in module are facing a serious problem, by declaring the NPAPI service interruption in Chrome and Firefox browsers. In this study, we presents the design and implementation of a new 3D geospatial open platform based on HTML5/WebGL technology without the use of plug-ins. Such the new 3D geospatial open platform based on HTML5/WebGL may support cross browsers such as IE, Chrome, Firefox, Safari and cross OS platforms such as Windows, Linux, Mac and mobile OS platforms.

Web-based Geovisualization System of Oceanographic Information using Dynamic Particles and HTML5 (동적 파티클과 HTML5를 이용한 웹기반 해양정보 가시화시스템)

  • Kim, Jinah;Kim, Sukjin
    • KIISE Transactions on Computing Practices
    • /
    • v.23 no.12
    • /
    • pp.660-669
    • /
    • 2017
  • In order to improve user accessibility and interactivity, system scalability, service speed, and a non-standard internet web environment, we developed a Web-based geovisualization system of oceanographic information using HTML5 and dynamic particles. In particular, oceanographic and meteorological data generated from a satellite remote sensing and radar measurement and a 3-dimensioanl numerical model, has the characteristics of a heterogeneous large-capacity multi-dimensional continuous spatial and temporal variability, based on geographic information. Considering those attributes, we applied dynamic particles represent the spatial and temporal variations of vector type oceanographic data. HTML5, WebGL, Canvas, D3, and Leaflet map libraries were also applied to handle various multimedia data, graphics, map services, and location-based service as well as to implement multidimensional spatial and statistical analyses such as a UV chart.

A design and implementation of interactive simulation e-book authoring groupware tool using WebGL 3D contents (WebGL 3D 콘텐츠를 이용한 인터렉티브 가상 시뮬레이션 e-book 협업 저작도구 설계 및 구현)

  • Jeong, Soo-Bin;Kim, Ha-Kyeong;Kim, Baek-Jun;Hong, Seong-Yong
    • Proceedings of the Korea Information Processing Society Conference
    • /
    • 2015.10a
    • /
    • pp.1632-1635
    • /
    • 2015
  • 발전하는 IT 기술은 사회, 문화, 교육 등 전 산업 분야에 많은 영향을 미치고 있으며, e-book 및 콘텐츠 시장은 여러 산업분야에서 주목받고 있는 중요한 기술개발분야 중에 한 부분이라고 할 수 있다. 하지만 현재까지 e-book의 경우 비 표준화 확장, 단 방향성 비 상호작용, 2차원적인 콘텐츠 사용 등 여러가지 한계적 사용에 문제점을 가지고 있었다. 따라서 본 논문에서는 WebGL 3D 콘텐츠를 이용한 인터렉티브 가상 시뮬레이션 e-book 협업 저작도구를 설계하고 구현하였다. 본 연구에서는 표준화된 HTML5 기술과 IDPF에서 제안된 EPUB3를 통해 기존의 e-book 활용의 한계점들을 극복하고, WebGL 웹 표준 기술을 적용하여 인터렉티브 가상 시뮬레이션 사용이 가능한 전자책 그래픽 요소를 구현 하였다. 향후 본 연구를 통해 표준화된 e-book 콘텐츠 시장의 활성화와 효율적인 교육 도구의 발전을 기대한다.

Performance Analysis on Next-Generation Web Browser at Multicore CPU and GPU (멀티 코어와 GPU가 차세대 웹 브라우저의 성능에 미치는 영향 분석)

  • Hong, Gyeong-Hwan;Kim, Dae-Ho;Shin, Dong-Kun
    • Proceedings of the Korean Information Science Society Conference
    • /
    • 2012.06a
    • /
    • pp.355-357
    • /
    • 2012
  • 차세대 웹 브라우저는 멀티 쓰레드(multi-thread) 구조로 되어 있으며 HTML5와 WebGL을 기반으로 화려한 그래픽을 구사하기 때문에, 멀티 코어(multi-core) CPU와 GPU의 성능이 웹 브라우저의 성능에 큰 영향을 미치고 있다. 본 논문은 오픈 소스 웹 브라우저인 크로미엄(Chromium) 상에서 프로세서의 성능 변화에 따라 웹 브라우저에서 실행되는 웹 어플리케이션의 성능이 어떤 양상으로 변화하는지와 이 변화에 웹 브라우저의 각 동작이 얼마나 기여하는지를 비교 분석하였다. 그 결과 CPU 코어의 수가 렌더링 성능에 큰 영향을 주며, GPU의 성능은 WebGL의 성능을 크게 좌우함을 알 수 있었다.

IFC-based Data Structure Design for Web Visualization (IFC 기반 웹 가시화를 위한 데이터 구조 설계)

  • Lee, Daejin;Choi, Wonik
    • Journal of KIISE
    • /
    • v.44 no.3
    • /
    • pp.332-337
    • /
    • 2017
  • When using IFC data consisting of STEP schema based on the EXPRESS language, it is not easy for collaborating project stakeholders to share BIM modeling shape information. The IFC viewer application must be installed on the desktop PC to review the BIM modeling shape information defined within the IFC, because the IFC viewer application not only parse STEP structure information model but also process the 3D feature construction for a 3D visualization. Therefore, we propose a lightweight data structure design for web visualization by parsing IFC data and constructing 3D modeling data. Our experimental results show the weight reduction of IFC data is about 40% of original file size and the web visualization is able to see the same quality with all web browsers which support WebGL on PCs and smartphones. If applied research is conducted about the web visualization based on IFC data of the last construction phase, it could be utilized in various fields ranging from the facility maintenance to indoor location-based services.

Development of 3D Mapping System for Web Visualization of Geo-spatial Information Collected from Disaster Field Investigation (재난현장조사 공간정보 웹 가시화를 위한 3차원 맵핑시스템 개발)

  • Kim, Seongsam;Nho, Hyunju;Shin, Dongyoon;Lee, Junwoo;Kim, Hyunju
    • Korean Journal of Remote Sensing
    • /
    • v.36 no.5_4
    • /
    • pp.1195-1207
    • /
    • 2020
  • With the development of GeoWeb technology, 2D/3D spatial information services through the web are also has been used increasingly in the application of disaster management. This paper is suggested to construct a web-based 3D geo-spatial information mapping platform to visualize various spatial information collected at the disaster site in a web environment. This paper is presented a web-based geo-spatial information mapping service plan for the various types of 2D/3D spatial data and large-volume LiDAR point cloud data collected at the disaster accident site using HTML5/WebGL, web development standard technology and open source. Firstly, the collected disaster site survey 2D data is constructed as a spatial DB using GeoServer's WMS service and PostGIS provided an open source and rendered in a web environment. Secondly, in order to efficiently render large-capacity 3D point cloud data in a web environment, a Potree algorithm is applied to simplifies point cloud data into 2D tiles using a multi-resolution octree structure. Lastly, OpenLayers3 based 3D web mapping pilot system is developed for web visualization of 2D/3D spatial information by implementing basic and application functions for controlling and measuring 3D maps with Graphic User Interface (GUI). For the further research, it is expected that various 2D survey data and various spatial image information of a disaster site can be used for scientific investigation and analysis of disaster accidents by overlaying and visualizing them on a built web-based 3D geo-spatial information system.

Service Worker Technology and Standardization (서비스워커 기술 및 표준화 동향)

  • Hwang, Hyun-seo;Kim, Sung-hyun;Jung, Yong-jin;Park, Jong-geun;Kim, Tae-yong;Kim, Tae-hwan;Moon, Il-young
    • Proceedings of the Korean Institute of Information and Commucation Sciences Conference
    • /
    • 2015.05a
    • /
    • pp.656-659
    • /
    • 2015
  • Recently, due to the standard of a new browser developed by the Google and Mozilla "Service Worker", future users is expected to be able to make use of favorite Web sites offline. Google's is, Web sites have developed a standard of a new browser so as to always respond to user requests. Service Worker, websites that provide space capable of offline work to the user's browser to store various document information, to provide the necessary resources. Then, in order to greatly reduce the data exchange operations between the browser and the server, the speed of the Web page increases. Not only cooks as native app that can use the Web application offline, in that us to also further enhance the characteristics of an existing Web application that is running without installing destructive high technology. Service worker specifications, use experience of Web application is very can be improved, is an innovative technology indicates the version of the web evolve as the future of the platform. Service Worker is not included in HTML5 standard final, is currently being continued standardization. Future Service Worker technology I expect what kind of thing unfolds when applied to the Web browser.

  • PDF