Open Web Games using HTML5 & JavaScript

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

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