sumoviz3d – Webbasiert – 3D

View Github Repository Open presentation in a new window

danielbuechele

See all presentation from danielbuechele

sumoviz3d – Webbasiert – 3D

0 2

SumoViz3D-Presentation

On Github danielbuechele / SumoViz3D-Presentation

sumoviz3d

Webbasierte 3D-Postvisualisierung von Fußgängersimulationsdaten

Webbasiert

Webbasiert

  • Plattformunabhängig
  • keine Installation notwendig
  • gemeinsame Datennutzung
  • einfache Weitergabe
  • einfaches Ausrollen von Updates

<canvas></canvas>

canvas

  • frei nutzbare Zeichenfläche
  • 2D- oder 3D-Inhalte
  • Zeichnen via JavaScript
  • nicht bearbeitbar

3D

  • basierend auf OpenGL ES 2.0
  • hardwarebeschleunigt
  • 3D-Grafik im canvas-Element
  • Bibliotheken mit Standard-Elementen

Rendering

Anlegen der 3D-Modelle Vertex-Shader Rasterisierung Fragment-Shader Darstellung im canvas-Element

Rendering

Anlegen der 3D-Modelle Vertex-Shader Rasterisierung Fragment-Shader Darstellung im canvas-Element

Rendering

Anlegen der 3D-Modelle Vertex-Shader Rasterisierung Fragment-Shader Darstellung im canvas-Element

Fußgängerdaten

Simulationsergebnis

  • Textdateien (teilweise sehr groß)
  • enthalten Geometrie, Fußgänger, Gruppen
  • in Datenbank importiert
  • zu JavaScript-Objekten konvertiert

Geometrie

Polygon 18.96 42.27 19.95 42.09 19.92 o2 obstacle 1.0
Polygon 33.82 41.00 34.85 41.00 34.85 o3 obstacle 1.0
Polygon 18.00 49.90 18.19 44.20 wall0 wall 3.5
Polygon 10.04 15.94 19.94 17.45 wall1 wall 3.5
...

Fußgänger

1.04 0 40.23 40.05 0.00 0 0.16
1.04 1 40.69 37.64 0.00 0 0.10
1.04 2 40.92 36.44 0.00 0 0.06
1.04 3 40.92 38.85 0.00 0 0.43
1.04 4 40.69 35.24 0.00 0 0.01
1.04 5 40.46 42.05 0.00 0 0.15
2.08 0 38.61 39.65 0.00 0 0.60
...

Funktionen

  • freie Navigation durch die 3D-Szene
  • Steuerung des Simulationsablaufs
  • Einfärben der Fußgänger
  • Anpassung der Elemente

DEMO

Leistung

Aktualisieren der Fußgänger Berechnen der 3D-Grafik

  vs.  

2000 3d-Modelle 10000 Kugeln

DEMO

sumoviz3d

◄ ► ▲ ▼