Hybrid apps in practice

Rafał Warzycha

@rwarzycha

Disclaimer

Modern web

Function

  1. Audio
  2. Graphics
  3. Input


     
  4. Language
     
  5. Networking
  6. Storage
  7. Web

Toolset

  1. Web Audio API
  2. WebGL ( OpenGL ES 2.0)
  3. Touch events, Gamepad API, Device Sensors API, WebRtc, Fullscreen API, Pointerlock API
  4. JavaScript, C/C++ (emscipten, webassembly)
  5. WebRtc, WebSocks
  6. IndexDB
  7. HTML, CSS, SVG, Social API 

VR Demo

Mobile apps

why not ...

both

Options

  • Ionic - Angular + Apache Cordova (native componets)
  • Onsen UI
  • Flutter
  • Fuse
  • Sencha Touch
  • nw.js
  • Kendo UI
  • electron
  • polymer
  • V-Play

React Native

Demo

Desktop apps

why not ...

both

Demo

NW.js

Resources

  • https://facebook.github.io/react-native/
  • https://nwjs.io/
  • https://webassembly.org/
     
  • https://js13kgames.com/
  • https://v-play.net
  • https://phaser.io/
  • https://www.scirra.com/
  • https://www.babylonjs.com/

The end

Q&A

Made with Slides.com