class: center, middle # Making games CodePenDay - Hamburg 2017 --- class: center, middle ## A talk about # WebAPIs --- class: center, middle ## A talk about # WebAPIs <br> and creativity --- class: center ## $ whois lislis -- I'm Lisa I work as a web developer at Travis CI I like end to end encryption and making video games --- class: center # Video games -- serve creative outlet -- to learn new things -- satisfy your god complex --- class: center # The web -- open standards -- lots of freely available resources -- community <3 --- class: center, middle  --- class: center, middle # WebAudio -- #### https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API --- class: center, middle  --- class: center, middle <iframe width="560" height="315" src="https://www.youtube.com/embed/BEdFcnI-ppk" frameborder="0" allowfullscreen></iframe> Sam Bellen - Changing live audio with the WebAudio API JSConf Budapest 2016 --- class: center, middle ## [One Hand Sound Game](https://lislis.de/games/onehandsoundgame/)  [GitHub](https://github.com/lislis/onehandsoundgame) --- class: center, middle # WebMidi -- #### https://developer.mozilla.org/en-US/docs/Web/API/MIDIAccess --- class: center, middle  --- class: center, middle <iframe width="560" height="315" src="https://www.youtube.com/embed/Ody93kpAjAY" frameborder="0" allowfullscreen></iframe> Ruth John, Martin Schuhfuss and Matt McKegg: { Live : JS } JSConf.Asia 2016 --- class: center, middle ## [SWAJ](https://lislis.de/games/swaj/)  [GitHub](https://github.com/lislis/swaj) --- class: center, middle # GamePad API -- #### https://developer.mozilla.org/en-US/docs/Web/API/Gamepad --- class: center, middle  --- class: center, middle make games with it? --- class: center, middle ## [Unkown Artist](https://unknown-artist.herokuapp.com/)  [GitHub](https://github.com/lislis/unknown-artist) --- class: center, middle # WebVR -- #### https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API --- class: center, middle  --- class: center, middle <iframe width="560" height="315" src="https://www.youtube.com/embed/skxeCo7xJx8" frameborder="0" allowfullscreen></iframe> Liv Erickson - Why you should care about the VR Web - and how to build it! JSConf Iceland 2016 --- class: center, middle ## [cat meow](https://lislis.github.io/cat-meow/)  [GitHub](https://github.com/lislis/cat-meow) --- class: center, middle  --- class: center ## Moaaar - [Web Bluetooth](https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API) - [AmbientLightSensor](https://developer.mozilla.org/en-US/docs/Web/API/AmbientLightSensor) - [SpeechSynthesis](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis) - [DeviceOrientation](https://developer.mozilla.org/en-US/docs/Web/API/DeviceOrientationEvent) and many others! --- class: center, middle # Have fun <br>and make things<br> and play! --- # Thank you! ### mail[at]lislis[dot]de ### https://lislis.de/talks/codependay-hh ### https://github.com/lislis