slide1
Download
Skip this Video
Download Presentation
HTML5 Ga m e Development Practical Guide for Developers (from one of us)

Loading in 2 Seconds...

play fullscreen
1 / 26

HTML5 Ga m e Development Practical Guide for Developers (from one of us) - PowerPoint PPT Presentation


  • 142 Views
  • Uploaded on

HTML5 Ga m e Development Practical Guide for Developers (from one of us). Rakesh Raju Singapore - CASUAL CONNECT 2 3 -May-2012. My name is Rakesh Raju @rakeshraju . Co-Founder and CTO @Tresensa Founder @Codewalla TreSensa - HTML5 based game development Start-up

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' HTML5 Ga m e Development Practical Guide for Developers (from one of us)' - uyen


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1

HTML5 Game Development

Practical Guide for Developers

(from one of us)

Rakesh Raju

Singapore - CASUAL CONNECT

23-May-2012

slide2

My name is Rakesh Raju

@rakeshraju

Co-Founder and CTO @Tresensa

Founder @Codewalla

  • TreSensa - HTML5based game development Start-up
  • Codewalla:Casual game studio – online, social and mobile (but most of all across platforms)

1

slide3

What are we going to explore in the next 45 minutes?

  • Let\'s set the stage in casual game development

- HTML5 for game developers

  • Case study - our own Demo
  • Cross-platform - A Solution based Approach
    • Motivation
    • Challenges
    • R & D: Available Technologies and Frameworks
  • The Solution Framework - Connecting the Dots
  • Recommendations

1

slide4

HTML5 Game Development

What we will cover:

  • What kind of Games? High Reach
    • Cross Platform
    • Multi Player
    • Social
    • Mobile first (always)
  • Basic Game Engine features: Functional and Performance

1

slide5

HTML5 Game Development

What we will NOT cover:

  • Games/ techniques that are platform limited
  • HTML5: Merits and Demerits
  • All Possible Techniques (as of right now)

1

slide11

High-Reach Games

Motivation

  • Game studio pain points
    • Complexity:
      • Front-end issues - Rendering.
      • Back end issues - High scale multi-player games.
    • Skill-set fragmentation/explosion
    • Cost of development/maintenance
    • Time to market
    • Distribution and (of course!) Monetization

1

slide12

High Reach Games

R & D (Technologies and Frameworks)

  • Unity:
    • Needs a plug-in to run in desktop browser. Doesn\'t run in mobile browsers.
  • Flash:
    • Doesn\'t run on mobile
  • Corona:
    • Native only. Doesn\'t run in browsers
  • HTML5 Frameworks:
    • Low on features or true cross platform support. or Closed business model. Complex workflow ( PlayN)

1

slide13

High Reach Games

Challenges

  • JavaScript language issues
  • Browser Performance
  • Browser support for audio etc
  • Lack of mature frameworks
  • Lack of Authoring Tools
  • Lack of developers ( lots of demand )

1

slide14

High Reach Games

The Solution Framework

  • Front-end SDK (Game Framework)
      • Easy, controlled syntax for Game devs
      • Cross-browser/device
      • Integrated with Multi-player/Social back-end
      • Integrated with graphics/animation libs (CAAT)
      • Phonegap Compatible
      • Game Packs

1

slide15

High Reach Games

The Solution Framework

  • Back-end
      • Game server available as service - No install
      • Pure JS
      • Support for asynchronous multi-player games
      • Game Packs

1

slide16

High Reach Games

Code Walk-through

  • Create the Game class.
  • Flesh out the game class
  • Set the entry point function of our game.
  • Create a game object
  • Load Assets
  • Preload the images:
  • Create the splash screens
  • Create Main Game Screen
  • Create Gameplay Screen
  • Objects
  • Spawning
  • End condition
slide17

Approaches

Write the game directly in Canvas, CSS

Advantages:

  • Get started immediately

Be prepared for:

  • HTML5 issues – nothing to do with game programming

Ideal for:

  • Small games

1

slide18

Approaches

Build Game Development Framework

Advantages:

  • Customize for your own needs

Be prepared for:

  • Effort, Skills and Cost

Ideal for:

  • High-cost, long term Games

1

slide19

Recommendation for Game Developers

Use a Framework

Advantages:

  • Definitely gives you a head start.

Be prepared for:

  • Standard, non-customized framework

1

slide20
PlayN

Scirra

HTML5 Frameworks

TreSensa

(yes ours)

slide21
Impact.js

Appmobi

HTML5 Frameworks

Three.js

slide25
How do we move forward form here

- Look beyond your comfort zone (acquire new skills integrate them with new platforms)

- Think in frameworks not languages

- Scale is King, cost is Queen

- Developers who embrace this complexity will be heroes!

ad