Real Benefits of HTML5 for Games (MS Campfire, 2012)

Post on 12-Nov-2014

1.648 views 2 download

description

My talk at Microsoft Campfire in Singapore in April 2012.

Transcript of Real Benefits of HTML5 for Games (MS Campfire, 2012)

* Formerly known as GamesMadeMe

Real benefits of HTML5 games Juha Paananen CEO & Co-Founder, Non-Stop Games

About  Me  

•  Always  loved  computer  games:  some  of  my  favorites  

•  Worked  previously  at  Nokia  •  Co-­‐founded  Non-­‐Stop  Games  last  year  •  Try  to  kitesurf  and  travel  on  my  freeAme  

   

Seed-Funding

   

Singapore Office Opens

   

Dollar Isle LIVE

   

Company is Born

   

Dollar Isle BETA

March August March Mid 2012

   

Game2 Launches

?

•  HTML5  focused  games  company  •  Founded  as  GamesMadeMe:  www.gamesmademe.com  

About  this  talk  

HTML5  basics  State  of  HTML5  games  Benefits  of  HTML5  for  games  What  we  learned  with  Dollar  Isle    Glimpse  in  the  future    

   

HTML5?  

•  Official  definiAon:  

http://www.w3.org/TR/2012/WD-html5-20120329/

But  for  the  purpose  of    this  talk…  

HTML5  =  HTML  +  JS  +  CSS3  

HTML5  basics  State  of  HTML5  games  Benefits  of  HTML5  for  games  What  we  learned  with  Dollar  Isle    Glimpse  in  the  future    

 

 

HYPE?  

+ Dextrose +

Where  are  the  games?  

Some  good  examples  of  HMTL5  games  

https://apps.facebook.com/skyscrapercity/

www.dollarisle.com

Reality  check?  

Lot of games build to demo the tech Only few built for HTM5 from ground-up

This  is  all  normal  

We are here?

Create  games  that  take  advantage  of  the  plaYorm!  

But  what  are  those?  

Killer  Benefits  of  HMTL5!  

HTML5  basics  State  of  HTML5  games  Benefits  of  HTML5  for  games  What  we  learned  with  Dollar  Isle    Glimpse  in  the  future    

 

 

Write  once,  run  everywhere    Same  codebase  

 

1.

Browser  to  browser  on  desktop  is  fairly  simple  –  Just  forget  the  ancient  ones  (IE6,7,8;  FF3,…)  

•  Mobile  needs  more  love  – Performance.  Bugs  (especially  Android).  UI  

•  Game  design  for  mobile  &  desktop  is  much  harder  than  the  programming  

 2.’Everyone’  can  play  (at  least  everyone  with  a  modern  browser)  

Did  he  have  an  iPhone,  

Android  or  Windows  Phone?  

Big thing for social games little effect to single player or ’hardcore’ games

3.  ’Game  as  a  link’  

Most natural way of sharing. In our Internet DNA.

4.  It’s  not  Flash  (=it’s  ”open”)  

5.  Game  always  up-­‐to-­‐date  

<  

Important  in  social  games  that  are  frequently  updated    Makes  A/B  tesAng  much  easier  

6.  Not  dependent  on  app  stores  

…But  

You  also  lose  the  biggest  benefits  of  app  stores    -­‐  Easy  payment  -­‐  Discovery  

(If  you  don’t  wrap  it  into  naAve)  

7.  Instant  accessibility  

This  can  be  only  done  with  HTML5  

HTML5  basics  State  of  HTML5  games  Benefits  of  HTML5  for  games  What  we  learned  with  Dollar  Isle    Glimpse  in  the  future    

 

 

OR  Stories from the front line of web development

Browser  as  a  gaming  plaYorm    

Installs  ?  –  User  can  come  from  ”anywhere”    Session  management    UI  –  Browser  Chrome,  back  bumon,  etc    First  load  extremely  important  

Key  HTML5  features  for  game  development  

1.  HTML5  Canvas  2.  HTML5  Canvas  3.  HTML5  Canvas  4.  CSS  transformaAons  5.  Other  CSS  stuff  like  rounded  corners  

Good  JS  programmer  ≠  Good  HTML5  programmer  

Important to understand ’browser framework’, DOM etc.

•  Choose  your  game  concept  carefully  

•  Hard  to  make  mobile  and  desktop  gameplay    equally  good  

•  Mobile  will  take  most  of  your  Ame  

Remember  

Front-­‐end  it’s  not  all  it  is.    Back-­‐end  work  most  can  be  

HTML5  basics  State  of  HTML5  games  Benefits  of  HTML5  for  games  What  we  learned  with  Dollar  Isle    Glimpse  in  the  future    

 

 

My  predicAons  

•  Mobile  browsers  will  get  much  bemer  during  next  12  months  – Sound,  HW  acceleraAon,  etc  

•  More  app-­‐like  behaviour  for  HTML5  – Home  screen  access..  Looking  forward  to  Metro  apps  

•  More  distribuAon!  – Facebook,  GREE,  Zynga,  Pokki…  

•  Living  room  (TV)  starts  to  get  more  important  as  a  plaYorm  

Thank  you  !    

www.gamesmademe.com/jobs    

@juhapaananen  

Questions?