Phonegap

1. LET’S MAKE A GAME
Antti Koivisto ja PeterVirtanen

2. MUISTAKEE
• Olkaa yhteydessä asiakkaaseen (projektipäällikkö)
• Jos me olemme asiakas, niin olkaa yhteydessä meihin
• Muistakaa
• Raportointi
• Tuntikirjanpito
• Trello

3. AIKATAULU
• Helmikuu 23.(pe)
• Ansaintalogiikka, markkinointi, dokumentointi, git
• Maaliskuu 2.(pe)
• Unity-kertaus ja tilanne
• Maaliskuu 9.(pe)
• Pelielementit, värit, tehosteet, hahmot…
• Maaliskuu 16.(pe)
• Ryhmätyöskentelyä ja testaamista

4. AIKATAULU
• Maaliskuu 23.(pe)
• Ryhmätyöskentelyä ja testaamista (*)
• Huhtikuu 6.(pe)
• Ryhmätyöskentelyä ja testaamista
• Huhtikuu 13.(pe)
• Töiden esittely/pitchaus 1d
• Huhtikuu 20.(pe)
• Töiden esittely/pitchaus 1d
• Huhtikuu 27. (mahdollisesti vielä töiden esittelyä)

5. PHONEGAP
Antti Koivisto

6. APACHE CORDOVA
• Apache Cordova (PhoneGap) on mobiilisovellusten kehitykseen framework
• Alkujaan iPhoneDevCamp San Franciscossa
• Voitti People's Choice Award O'Reilly Media's (2009) Web 2.0 Conference
• In October 2011,Adobe acquired Nitobi Software, the makers of the mobile application development
framework PhoneGap.As part of the acquisition, the source code of PhoneGap was submitted to
the Apache Foundation, where it became Apache Cordova.
• PhoneGap Build service/cloud tai app live editointiin

7. APACHE CORDOVA
• Ideana on mahdollistaa rakentaa cross-platform sovelluksia/pelejä
• HTML, JS, CSS
• Voidaan myös rakentaa omia plugareita
• Tai käyttää valmiita: https://cordova.apache.org/plugins/
• Käyttäen laitteen laitteen natiivia kieltä ja rakentamalla siihen js rajapinta kutsuille
• http://www.mat-d.com/site/tutorial-creating-a-cordova-phonegap-plugin-for-android-app/

9. https://cordova.apache.org/docs/en/latest/guide/overview/

10. ASENNUS
• http://assortedgarbage.com/apigee/
• NodeJS - a JavaScript runtime to build your JavaScript code
• GIT - used in the background by the CLI to download assets
• PhoneGap - CLI
• Java - Androidille
• Android Studio - Android SDK

11. MIHIN SOVELTUU
• PhoneGap on tarkoitettu pääasiassa kevyiden sovellusten/pelien
tekemiseen
• Ideaali jos haluaa tehdä nopean prototyypin esim. sensorin
implementoinnista
• Pyörii laitteen WebView:n päällä
• Koodi kannattaa miettiä tarkkaan ja optimoida hyvin

12. MIHIN SOVELTUU
• Kannattaa myös tutustua mitä kaikkea PhoneGap tarjoaa
• Onko esim. eri plugin yhdistelmät toimivia ratkaisuja
• https://www.joshmorony.com/increase-phaser-performance-on-phonegap-
with-webgl-and-wkwebview/
• https://phaser.io/ || http://craftyjs.com/
• https://github.com/collections/javascript-game-engines

13. SIMPLE ESIMERKKI
• Ideana on oppia plugareiden käyttö
• Miten ne sovellukseen laitetaan
• Miten sovellus käännetään puhelimelle
• Miten sitä voi helposti debugata
• Idea:
• Sovellus, jossa on puheentunnistus ja
kiihtyvyysanturit

14. SIMPLE ESIMERKKI
npm install -g cordova
cordova
cordova create myApp org.apache.cordova.myApp myApp
cordova platform add android
cordova run android

15. SIMPLE ESIMERKKI
https://github.com/pbakondy/cordova-plugin-speechrecognition
chrome://inspect
http://docs.phonegap.com/en/edge/cordova_accelerometer_accelerometer.md.html
cordova plugin add cordova-plugin-device-motion
cordova plugins ls

16. SIMPLE ESIMERKKI
Täältä voi hakea pohjan, johon implementoidaan kiihtyvyysanturit
https://www.webpagefx.com/blog/web-design/bouncing-a-ball-around-with-html5-and-javascript/
Muokataan koodit kuntoon
Lukitaan näytönsuunta pystyyn
<preference name="Orientation" value="portrait" />