Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Phonegap pdf

645 views

Published on

Phonegap

Published in: Education
  • Be the first to comment

  • Be the first to like this

Phonegap pdf

  1. 1. LET’S MAKE A GAME Antti Koivisto ja PeterVirtanen
  2. 2. MUISTAKEE • Olkaa yhteydessä asiakkaaseen (projektipäällikkö) • Jos me olemme asiakas, niin olkaa yhteydessä meihin • Muistakaa • Raportointi • Tuntikirjanpito • Trello
  3. 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. 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. 5. PHONEGAP Antti Koivisto
  6. 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. 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/
  8. 8. https://cordova.apache.org/docs/en/latest/guide/overview/
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. SIMPLE ESIMERKKI npm install -g cordova cordova cordova create myApp org.apache.cordova.myApp myApp cordova platform add android cordova run android
  14. 14. 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
  15. 15. 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" />

×