SlideShare a Scribd company logo
1 of 16
Download to read offline
LET’S MAKE A GAME
Antti Koivisto ja PeterVirtanen
MUISTAKEE
• Olkaa yhteydessä asiakkaaseen (projektipäällikkö)
• Jos me olemme asiakas, niin olkaa yhteydessä meihin
• Muistakaa
• Raportointi
• Tuntikirjanpito
• Trello
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
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ä)
PHONEGAP
Antti Koivisto
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
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/
https://cordova.apache.org/docs/en/latest/guide/overview/
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
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
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
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
SIMPLE ESIMERKKI
npm install -g cordova
cordova
cordova create myApp org.apache.cordova.myApp myApp
cordova platform add android
cordova run android
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
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" />

More Related Content

More from Peter Virtanen

More from Peter Virtanen (6)

Lets make a_game_3_pdf
Lets make a_game_3_pdfLets make a_game_3_pdf
Lets make a_game_3_pdf
 
Vko 6
Vko 6Vko 6
Vko 6
 
Vko 5 pdf
Vko 5 pdfVko 5 pdf
Vko 5 pdf
 
Vko 4 esitys
Vko 4 esitysVko 4 esitys
Vko 4 esitys
 
Esitys vko3
Esitys vko3Esitys vko3
Esitys vko3
 
Esitys vko2 pdf
Esitys vko2 pdfEsitys vko2 pdf
Esitys vko2 pdf
 

Phonegap pdf

  • 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ä)
  • 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/
  • 8.
  • 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
  • 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" />