Template of the week: Windows 8 HTML5 Pong Game

screenshotHTML5 Pong is a great template for developers who are new to HTML5/Canvas or game development in general

This blog is part of a series

Okay full disclosure I wrote this template but that’s not the only reason why I think its great. This template shows you how easy it is to get your game up and running using the CreateJS suite of libraries and HTML5/Canvas. It shows you how to implement simple game development methods like “game states” and the “game loop”.


I get ask this question over and over again

“I want to build my game for Windows 8, where do I start?”

The HTML5 Pong game template is meant to be a starting point. It is written to be simple and easy to follow.

  • Use HTML5 Pong to learn a simple and quick way to get started using HTML5/Canvas.
  • Use HTML5 Pong to learn the basics of game development like the “game loop” and “game states”.
  • Use HTML5 Pong as a starting point for your next Windows Store game.


Download the source code for HTML5 Pong and try it out. If you’re looking for a HTML5 game template with a little more meat check out Yeti Bowl, a previous template of the week pick. 

Comments (2)
  1. Philippe "RegexCalibur" David says:

    Hi ! Thanks for this template, it was a very fun challenge 😉

    BUT : I'm in the process to release the app and this error showed up :

    "*CreateJStweenjs-0.3.0.min.js has JavaScript syntax or other problems."

    Fortunately, this one has an extremely simple fix in Visual Studio:

    -Load the file in VS and from the File menu select "Advanced Save Options…"

    -Then from the drop down select: "Unicode (UTF-8 with signature) – Codepage 65001" (make sure it's the one with signature)

    -Then press OK, rebuild the project and you should be good to go.


  2. Susan Ibach says:

    @Philippe of "RegExCalibur" – Thanks for sharing the fix! These templates are just something to help people get started, so they are definitely "as-is" so I appreciate sharing of any bugs encountered, especially if you found a fix!

Comments are closed.

Skip to main content