Chrome Game programming      (with ForPlay)     Firenze GTUG, 06.07.2011          Luca Masini
Agenda   ■ Anatomy of a 2D Arcade   ■ Impact HTML5 Game Library   ■ ForPlay: features   ■ Hand-on a simple demo
Anatomy of a 2D ArcadeGame LifecycleWe can identify three steps: ● init: asset loading and general housekeeping ● update: ...
Anatomy of a 2D ArcadeAsset Management ● We need to load Images, Sounds, Text before they are   used, but in a smart way s...
Anatomy of a 2D ArcadeI/O Subsystems ● Input from joypad, touchscreen, keyboard, pointer ● Disk Storage and network ● Audi...
Impact HTML5 Game Library● Impact has a visual game editor for level and AI  scripting● It really uses CANVAS and AUDIO ta...
Impact: Weltmeister Game Editor
First ForPlay project in 30sUsing a maven-archetype:mvn -DarchetypeRepository=    http://forplay.googlecode.com/svn/mavenr...
...forplay is not limited to HTML, these are the generatedplatforms:   ● HTML5   ● Android   ● Java Desktop   ● Flash
Riferimenti ● Impact official site: http://impactjs.com/ ● Impact article on Google Code Blog: http:   //googlecode.blogsp...
Chrome game programming_with_for_play
Chrome game programming_with_for_play
Upcoming SlideShare
Loading in...5
×

Chrome game programming_with_for_play

519

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
519
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Chrome game programming_with_for_play

  1. 1. Chrome Game programming (with ForPlay) Firenze GTUG, 06.07.2011 Luca Masini
  2. 2. Agenda ■ Anatomy of a 2D Arcade ■ Impact HTML5 Game Library ■ ForPlay: features ■ Hand-on a simple demo
  3. 3. Anatomy of a 2D ArcadeGame LifecycleWe can identify three steps: ● init: asset loading and general housekeeping ● update: game logic and physics ● paint: everything that is strictly inherent to graphics
  4. 4. Anatomy of a 2D ArcadeAsset Management ● We need to load Images, Sounds, Text before they are used, but in a smart way so that the memory is not filled from the start. ● We also need a callback mechanism that warns us when a particular asset is loaded.
  5. 5. Anatomy of a 2D ArcadeI/O Subsystems ● Input from joypad, touchscreen, keyboard, pointer ● Disk Storage and network ● Audio Device ● Video Device
  6. 6. Impact HTML5 Game Library● Impact has a visual game editor for level and AI scripting● It really uses CANVAS and AUDIO tags● Target at classic 2D games, using many ideas from old consoles (like Super Nintendo)● Sprites are drawn over multiple background layers (for parallax) made up of many bricks of smaller images
  7. 7. Impact: Weltmeister Game Editor
  8. 8. First ForPlay project in 30sUsing a maven-archetype:mvn -DarchetypeRepository= http://forplay.googlecode.com/svn/mavenrepo-DarchetypeGroupId=forplay-DarchetypeArtifactId=forplay-sample-archetype-DarchetypeVersion=1.0archetype:generate
  9. 9. ...forplay is not limited to HTML, these are the generatedplatforms: ● HTML5 ● Android ● Java Desktop ● Flash
  10. 10. Riferimenti ● Impact official site: http://impactjs.com/ ● Impact article on Google Code Blog: http: //googlecode.blogspot.com/2011/05/creating-2d- games-with-javascript-html5.html ● forplay official site: http://code.google.com/p/forplay/ ● Kick-ass Game Programming with GWT (Google I/O 2011): http://www.google. com/events/io/2011/sessions/kick-ass-game- programming-with-google-web-toolkit.html
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×