boardend / fossgis-2021-webassembly

Lightning Talk @ FOSSGIS 2021

Webassembly: Wo wir sind und wo es hingehen könnte (DE)

Lightning Talk @ FOSSGIS 2021 (English: "Webassembly: Where we are and where we are heading").

Video: https://media.ccc.de/v/fossgis2021-9601-webassembly-wo-wir-sind-und-wo-es-hingehen-knnte

Slides: https://boardend.github.io/fossgis-2021-webassembly/

Session: https://www.fossgis-konferenz.de/2021/sessions/ZVFZQQ.php

Description (DE)

Webassemblys Potential ist insbesondere für die Verarbeitung und Visualisierung von Geo-Daten noch nicht ausgeschöpft. In diesem Talk möchte ich Ihnen die aktuelle Adaption in FOSSGIS-Projekten, die technische Weiterentwicklung sowie mögliche Zukunftsszenarien von Webassembly aufzeigen.

Scritps

• ./scripts/gdal.html

  • in-browser GDAL example, uses gdal3.js

• ./scripts/frames2mp4.html

  • stiches, fades and renders frames from Google Earth Studio with ffmpeg.wasm to a .mp4 video

Acknowledgements

• Links in Slides

  • WebAssembly - a new technology and its potential for geospatial application | Pirmin Kalberer @ FOSS4G 2019
  • A Cartoon Intro to WebAssembly | Lin Clark @ JSConf 2017
  • Building a new kind of ecosystem | Lin Clark @ WebAssembly Summit 2020
  • How we're bringing Google Earth to the web (2019)
  • WebAssembly’s post-MVP future: A cartoon skill tree

• Libraries used

  • impress.js
  • gdal3.js
  • ffmpeg.wasm

• Other Sources where I've found inspiration

  • An Introduction to WebAssembly for JavaScript Developers
  • Javascript and the next decade of data programming
  • WebAssembly Summit @ Youtube
  • WebAssembly Roadmap
  • History of WebAssembly (Chrome University 2019)
  • Is WebAssembly magic performance pixie dust?
  • Awesome Wasm
  • Awesome WebAssembly Languages
  • Made with WebAssembly

Adoption of WebAssembly in the geo field

• Cesium
  • https://cesium.com/blog/2018/04/09/draco-compression/
  • https://loaders.gl/
    • https://github.com/BinomialLLC/basis_universal/blob/master/webgl/README.md
    • https://github.com/google/draco
  • https://github.com/zeux/meshoptimizer
• MapBox
  • mapbox/mapbox-gl-js#4835
  • https://avnav.com/mbgl/
• spatiasql.js
  • http://jvail.github.io/spatiasql.js/?qry=SELECT%20*%20FROM%20toscana
• Wasm Geo Aggregator
  • https://stuartlynn.github.io/wasm_geo_agg/
• Google Earth
  • https://web.dev/earth-webassembly/
  • https://blog.chromium.org/2019/06/webassembly-brings-google-earth-to-more.html
• ESRI
  • https://www.esri.com/arcgis-blog/products/js-api-arcgis/mapping/introducing-the-client-side-projection-engine/
• Do you have more examples?
  • Sumit a PR 🤓

License

CC BY 4.0