Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Html5 game development

953 vues

Publié le

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Html5 game development

  1. 1. GAME ON! Developing HTML5 Games Rajasekar @rajzshkr
  2. 2. What/Why Game?
  3. 3. Gaming Industry
  4. 4. Game Development Process • Ideation • Concept Document • Game Design • Leader boards/Profiling/ Points • Art Design • Coding • Physics engines/AI Engines/ Testing • Release • Upgrading
  5. 5. Gaming Platforms
  6. 6. Why Hybrid Game?
  7. 7. Hybrid Frameworks • Easel JS • Construct 2 • Three.js • Lime JS • enchant.js • Phaser JS SRC - http://html5gameengine.com/
  8. 8. Anatomy of a Game LOGIC JavaScript code GRAPHICS canvas INPUT onkeydown, onmousedown SOUND Audio MUSIC Audio MULTIPLAYER Ajax, Web sockets GAME ASSETS Images, Audio, Video and Binary supported by browsers
  9. 9. Initiate Phaser var game = new Phaser.Game(400, 490, Phaser.AUTO, 'game_div');
  10. 10. Gaming Logic var main_state = { preload: function() { // Function called first to load all the assets }, create: function() { // Fuction called after 'preload' to setup the game }, update: function() { // Function called 60 times per second }, };
  11. 11. Start the game game.state.add('main', main_state); game.state.start('main');

×