How To Create A Flood Simulator For A Web Browser (For Free)

Transcription

1 Interactive Web-based Flood Simulation System for Realistic Experiments of Flooding and Flood Damage Ibrahim Demir

2 Big Data We are generating data on a petabyte scale through observations and modeling Data contains valuable information that can drive insights, innovations, and discoveries Data can be difficult to access and digest Visualization can help us pair science and design to simplify the complexity, and drive a deeper understanding of the context

3 Scientific Visualization Visualization is a key technology analyzing and presenting environmental observations and simulation results communicating research results to decision makers and to the general public in an easily-understandable way identifying the underlying properties in the data such as patterns and statistical relations between the variables

4 Trends in Visualization and Learning Online / web-based Universal access (pc, smartphone, tablet, ) Interactive self-service environments High-end graphics (2D/3D) + GPU Acceleration Virtual and Augmented Reality (smartphones, tablets) Immersive Reality (heads-up display, motion tracking) New ways to interact (gestures, motion tracking, ) Gamification (competition, social, achievements, )

5 Concepts & Examples

6 WEB-BASED INTERACTIVE FLOOD INUNDATION MAP MAP-BASED

7 ANIMATION 2D FLOOD SIMULATOR GAME GAMIFICATION

8 DYNAMIC DATA STREAM FLOW VISUALIZATION HIGH-RESOLUTION

9 FOLDABLE CHILDREN S BOOK EDUCATION

10 3-DIMENSIONAL FLOOD MAP FLIGHT SIMULATOR REMOTE INTERACTION

11 RAINFALL ANIMATION DAILY RAINFALL CUMULATIVE RAINFALL MAP OVERLAYS

12 550 hours (2200 steps) of data 3D PERSPECTIVE VIEW RAINFALL & RIVER DRAINAGE

13 GPU Acceleration and WebGL Parallel Processing Multicore GPU Image / Video Processing Data Analytics Interactive Interfaces Desktop-like Games Web Technologies AMD Radeon HD Streaming Processing Units $ TFLOPs Single Precision compute power (1 st 2001, 250 th 2007)

14 XPOL RADAR DATA BROWSER WEBGL GOOGLE MAPS API

15 RADAR DATA BROWSER

16 RAINFALL PRODUCT DATA BROWSER

17 Hydrological Simulation System

18 Project Background Goal: Develop a web-based interactive learning and simulation environment to support teaching hydrological concepts in engineering and science curriculum First use case on flooding and flood damage Supported by Google to develop the core simulation engine using latest web technologies

19 Physical Model

20 Learning Opportunities Support learning how hydrological systems work and how they are connected Hand-on experience on hydrological concepts with real-time data Rich visualizations and animations to observe hydrological concepts and their effects in real-time Easy to integrate the platform to curriculum using a web-browser Open architecture allows adding new concepts and functionality

21 Learning Opportunities

22 Technology HTML5 and JavaScript WebGL (Web Graphics Library) GPU accelerated physics and image processing Augmented Reality Libraries marker tracking and detection WebRTC webcam support for Augmented Reality Iowa Geographic Map Server LiDAR Hillshade Terrain Data

23 Hardware and Development Resources Hardware support from NVidia, Mozilla Foundation, BlackBerry, Leap Motion IIHR computational resources (real-time data acquisition and storage) Iowa Flood Information System Active for last 2 years 80,000 unique users Real-time data and information

24 Platform Features Open and modular structure allows easy expansion Real-time data for hydrology (terrain) and rainfall Visualization Modes Virtual Reality Augmented Reality Controls and Interaction Desktop (mouse, keyboard) Remote (smartphones, tablets)

25 Visuals and Video

26 Simulation Controls Levee/Dam Dynamic Objects River System Static Objects VIRTUAL REALITY GAME PHYSICS RICH GRAPHICS

27 VIRTUAL REALITY

28 Webcam MARKER DETECTION AUGMENTED REALITY Augmented Projection Marker

29 Table Marker Augmented Projection MARKER DETECTION AUGMENTED REALITY

30 AUGMENTED REALITY

31 Usage and Evaluation Platform will be self-explanatory Training to TAs and instructors for using and/or expanding (new concepts and functionality) the system Guest lectures for introduction, usage and development of the platform for courses Evaluation using ICON Quizzes Feedback from students and TAs Surveys for student engagement and satisfaction

32 Ongoing & Future Work Immersive Reality using heads-up displays Gamification: Scenario analysis, mitigation challenges Social Networks integration for competing with friends, high score lists Gesture controls and body tracking with Leap Motion and Microsoft Kinect Remote interaction with tablets and smartphones Projector integration for improved Augmented Reality

33 Distorted Projection of Scene HEADS-UP DISPLAY IMMERSIVE REALITY Heads-up Display

34 Controls and Interaction Gesture Tracking Motion Tracking Remote Interaction MOTION TRACKING GESTURE CONTROLS

35 Thank you Questions Ibrahim Demir uiowa.edu