GPGPU Applications for Hydrological and Atmospheric Simulations and - - PowerPoint PPT Presentation

gpgpu applications
SMART_READER_LITE
LIVE PREVIEW

GPGPU Applications for Hydrological and Atmospheric Simulations and - - PowerPoint PPT Presentation

GPGPU Applications for Hydrological and Atmospheric Simulations and Visualizations on the Web Ibrahim Demir Big Data We are collecting and generating data on a petabyte scale (1Pb = 1,000 Tb = 1M Gb) Data contains valuable information


slide-1
SLIDE 1

Ibrahim Demir

for Hydrological and Atmospheric Simulations and Visualizations on the Web GPGPU Applications

slide-2
SLIDE 2

Big Data

 We are collecting and generating data on a

petabyte scale (1Pb = 1,000 Tb = 1M Gb)

 Data contains valuable information that can

drive insights and discoveries

 It can be difficult to access, manage,

and generate knowledge and decisions from this “big data”

slide-3
SLIDE 3

JS x 100 - Multicore CPU/GPU Big Data Analytics Desktop-like Games Scientific Visualization Image / Video Processing Augmented / Immersive Reality

NVIDIA Titan X – 5760 Cuda Cores 8 TFLOPs compute power

Web 3.0 and GPU

slide-4
SLIDE 4

CPU-based Computations

 JavaScript (parallel / multi-core)  SIMD.js  ASM.js

GPU-based Computations

 WebCL  WebGL

Computing on the Web

slide-5
SLIDE 5

Pure JavaScript 50-100x speed improvement Parallel JavaScript Web Workers / Multi-core CPU Background Thread / window-less tab Distributed volunteer computing applications on the client side

JavaScript

slide-6
SLIDE 6

SIMD stands for Single Instruction Multiple Data, and for performing

  • perations on multiple data elements, in parallel.

SIMD.js is a new API being developed by Intel, Google, and Mozilla. One

  • f the uses of SIMD is to accelerate processing of large arrays of data.

SIMD.js will accelerate a wide range of demanding applications today, including games, video and audio manipulation, scientific simulations, and more, on the web.

SIMD.js

slide-7
SLIDE 7

ASM.JS is a highly optimized subset of JS designed to provide near-native application performance in a browser, and well suited for any computationally intensive task.

ASM.js

slide-8
SLIDE 8

WebCL (Web Computing Language) is a JavaScript binding to OpenCL for parallel computing within any compatible web browser without plug-ins. WebCL allows web applications to actualize speed with multi-core CPUs and GPUs; this intends to make computationally intensive programs feasible in the browser, e.g. physics engines, canvas element and video editing. WebCL is designed and maintained by the Khronos Group. The completed specification for WebCL 1.0 was released on March 19, 2014.

WebCL

slide-9
SLIDE 9

WebGL is a powerful part of the new HTML5 standard, bringing graphics card capabilities directly to the browser. To get WebGL to perform scientific calculations, simply trick GPU by pretending that it is rendering graphics. GPU executes Fragment Shader for every pixel of output image after geometry rasterization to calculate resulting colors. For GPGPU calculations, put your functions here, and calculate a new value of a simulation cell represented by a texture pixel.

WebGL

slide-10
SLIDE 10

GPGPU

slide-11
SLIDE 11

The GPGPU is General Purpose computing on GPUs. GPGPU operates by using graphics methods and primitives to perform general purpose computations. For example, textures are used as memory, while shaders are programmed to be used as kernels, which are computed on each graphics primitive.

What is GPGPU?

slide-12
SLIDE 12

WATERSHED DELINEATION 40m grid cells – 90m res. 150mb terrain raster data converted to 5mb custom image data 9 directions

slide-13
SLIDE 13

WATERSHED DELINEATION

INSTANT OFFLINE

Video https://www.youtube.com/watch?v=lVMN76sdCrA

slide-14
SLIDE 14

WATERSHED DELINEATION

WEBGL SHADER

40m grid cells – 90m resolution 150mb terrain raster data converted to 5mb custom image data 9 directions Dynamic texture size Data in multi color channels Multi level processing in each iteration

slide-15
SLIDE 15

WATERSHED DELINEATION

WEBGL SHADER

slide-16
SLIDE 16

FLOOD VISUALIZER

  • Reflections and refractions
  • Ambient occlusion
  • Height-field water simulation
  • Shadows
slide-17
SLIDE 17

FLOOD VISUALIZER

IMMERSIVE REALISTIC

Video https://www.youtube.com/watch?v=vX8UNdM44_c

slide-18
SLIDE 18

DYNAMIC DATA HIGH-RESOLUTION

FLOW VISUALIZATION

slide-19
SLIDE 19

DYNAMIC DATA HIGH-RESOLUTION

FLOW VISUALIZATION

Video https://www.youtube.com/watch?v=PWY4z-7hOuQ

slide-20
SLIDE 20

Dynamic Objects Static Objects Levee/Dam River System

GAME PHYSICS VIRTUAL REALITY

slide-21
SLIDE 21

Dynamic Objects Static Objects Levee/Dam River System

GAME PHYSICS VIRTUAL REALITY

Video https://www.youtube.com/watch?v=DXrBkjr7nec

slide-22
SLIDE 22

Webcam Marker Augmented Projection

AUGMENTED REALITY MARKER DETECTION

slide-23
SLIDE 23

Augmented Projection Table Marker

AUGMENTED REALITY MARKER DETECTION

slide-24
SLIDE 24

Augmented Projection Table Marker

AUGMENTED REALITY MARKER DETECTION

Video https://www.youtube.com/watch?v=eHgM_0rw1bY

slide-25
SLIDE 25

Distorted Projection of Scene

IMMERSIVE REALITY HEADS-UP DISPLAY

slide-26
SLIDE 26

Distorted Projection of Scene

IMMERSIVE REALITY HEADS-UP DISPLAY

Video https://www.youtube.com/watch?v=tY9QaDHnyAU

slide-27
SLIDE 27

Controls and Interaction

Motion Tracking Gesture Tracking Remote Interaction

GESTURE CONTROLS MOTION TRACKING

slide-28
SLIDE 28

Large Scale Geospatial Data Visualization

slide-29
SLIDE 29

FLOOD MAP FLIGHT SIMULATOR

3-DIMENSIONAL REMOTE INTERACTION

slide-30
SLIDE 30

FLOOD MAP FLIGHT SIMULATOR

3-D ENGAGING REMOTE INTERACTION

Video https://www.youtube.com/watch?v=6ZzLT_8U6fk

slide-31
SLIDE 31

Rainfall Maps

slide-32
SLIDE 32

550 hours (2200 steps) of data

RAINFALL & RIVER DRAINAGE 3D PERSPECTIVE VIEW

slide-33
SLIDE 33

550 hours (2200 steps) of data

RAINFALL & RIVER DRAINAGE 3D PERSPECTIVE VIEW

Video https://www.youtube.com/watch?v=FhmMAzyd7fI

slide-34
SLIDE 34

RAINFALL PRODUCT DATA BROWSER SPECIAL GRID WEBGL + GPU

slide-35
SLIDE 35

http://ifis.iowafloodcenter.org

Iowa Flood Information System

slide-36
SLIDE 36

Thank you

Ibrahim Demir ibrahim-demir @ uiowa.edu http://myweb.uiowa.edu/demir/

Questions