Featured resource
Tech Upskilling Playbook 2025
Tech Upskilling Playbook

Build future-ready tech teams and hit key business milestones with seven proven plays from industry leaders.

Learn more
  • Course
    • Libraries: If you want this course, consider one of these libraries.
    • Core Tech

Creating a Physics-Based Web Game in JavaScript and HTML5

In this JavaScript and HTML5 tutorial we'll go through the entire process from concept, design and animation through to final development of a dynamic HTML5 game. Software required: HTML5, JavaScript, jQuery, Photoshop CC, Google Chrome, Texture Packer 3.3.4, Sublime Text 2.

What you'll learn

In this JavaScript and HTML5 tutorial we'll go through the entire process from concept, design and animation through to final development of a dynamic HTML5 game. A few things we'll be covering include sprite exportation and animation, physics engine integration, HiDPI device handling, as well as structuring our game code, separating our UI from our game logic and implementing back-end scoring systems. By the end of this JavaScript and HTML5 training, you'll be more knowledgeable of the concepting, animating and development workflow of creating a game from start to finish. Software required: HTML5, JavaScript, jQuery, Photoshop CC, Google Chrome, Texture Packer 3.3.4, Sublime Text 2.

Table of contents