Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Open Web Games using HTML5 & JavaScript

robhawkes
November 16, 2011

Open Web Games using HTML5 & JavaScript

An overview of the state of game development using open Web technologies.

robhawkes

November 16, 2011
Tweet

More Decks by robhawkes

Other Decks in Programming

Transcript

  1. OPEN WEB GAMES
    Using HTML5 & JavaScript
    Rob Hawkes

    View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. The time is now
    Threshold of something cool

    View Slide

  14. Notable events
    Important goings-on in HTML5 gaming

    View Slide

  15. Acquisitions
    HTML5 game engines being bought up

    View Slide

  16. Recruitment
    HTML5 game developers are wanted

    View Slide

  17. Funding
    Investing in the pioneers

    View Slide

  18. Conferences
    Discussing the future of HTML5 games

    View Slide

  19. Browser involvement
    Providing the tech for HTML5 games

    View Slide

  20. Facebook involvement
    Bettering performance

    View Slide

  21. Porting hit iOS games
    Showing HTML5 is more than capable

    View Slide

  22. Existing games
    Some of the best examples

    View Slide

  23. Quake II

    View Slide

  24. Minecraftian worlds

    View Slide

  25. Freeciv

    View Slide

  26. Rawkets

    View Slide

  27. Angry Birds

    View Slide

  28. Fieldrunners

    View Slide

  29. Created by Phil Banks (@emirpprime)

    View Slide

  30. HTML5 & JavaScript
    What is all the fuss about?

    View Slide

  31. Open technologies
    Anyone can view the source code

    View Slide

  32. Free technologies
    Free to use. Free to develop with

    View Slide

  33. Plugin-less
    No more reliance on third-party software

    View Slide

  34. No compilation
    Save time with development and testing

    View Slide

  35. Interoperable
    They are built to work across platforms

    View Slide

  36. Cross-browser support
    Most major features are supported

    View Slide

  37. View Slide

  38. Full compatibility
    Not all browsers support everything

    View Slide

  39. No DRM
    It goes against these technologies

    View Slide

  40. Technology
    Behind the scenes of HTML5 games

    View Slide

  41. Canvas
    2D graphics platform

    View Slide

  42. View Slide

  43. WebGL
    3D graphics platform

    View Slide

  44. View Slide

  45. View Slide

  46. View Slide

  47. HTML5 audio
    Sound effects and background music

    View Slide

  48. View Slide

  49. WebSockets
    Multiplayer communication

    View Slide

  50. Node.js
    Game logic and network communication

    View Slide

  51. Local storage
    Storing data on the player device

    View Slide

  52. Full Screen API
    Simple, yet powerful

    View Slide

  53. Gamepad API
    Bringing the console to the Web

    View Slide

  54. View Slide

  55. Mouse Lock API
    Locking the cursor in one place

    View Slide

  56. Web applications
    Not just a fancy website

    View Slide

  57. View Slide

  58. View Slide

  59. Offline assets
    Who needs the Internet anyway

    View Slide

  60. App-like experience
    Run from
    the desktop or home screen

    View Slide

  61. View Slide

  62. View Slide

  63. Game engines
    Create HTML5 games today

    View Slide

  64. View Slide

  65. View Slide

  66. View Slide

  67. The future
    This is just the beginning

    View Slide

  68. Rob Hawkes
    Rawkets.com
    HTML5 & WebSockets game
    Twitter sentiment analysis
    Delving into your soul
    RECENT PROJECTS
    Rawkes.com
    Personal website and blog
    MORE COOL STUFF
    jsCraft
    Minecraft port to JavaScript
    Rawket Scientist
    Technical Evangelist at Mozilla
    @robhawkes

    View Slide

  69. THANK YOU
    Any questions?
    Rob Hawkes
    @robhawkes

    View Slide