• HTML5 Gamepad API
    Simple Xbox Controller Input in HTML5 With PxGamepadGamepad preview
    Gaming on the web has come a long way with HTML5 technologies like Canvas, WebGL, and WebAudio. However, to provide a true gaming experience, you need input devices designed for gaming. In this tutorial, I'll show you how to accomplish that using the Gamepad API—and, more specifically, PxGamepad, a wrapper for the API that makes it easy to handle Xbox controller input.Read More…
  • Web Audio
    Creating Dynamic Sound With the Web Audio APIPreview
    Recently we set out to reimagine the 1980 Apple II game Flight Simulator for the web and to demonstrate what’s possible in the new Microsoft Edge browser and EdgeHTML rendering engine. In this article, I’ll share our approach to creating dynamic sound with the Web Audio API.Read More…
  • WebGL
    Creating Realistic Terrain for HTML5 Games With WebGLTexture preview
    Recently we set out to reimagine the 1980 Apple II game Flight Simulator for the web and to demonstrate what’s possible in the new Microsoft Edge browser and EdgeHTML rendering engine. In this article, I’ll share our approach to one of the challenges we came across: a simple way to create realistic-looking large-scale terrain.Read More…
  • HTML5
    WebGL Physics and Collision Detection Using Babylon.js and Oimo.jsBabylon preview
    Today, I’d like to share with you the basics of collisions, physics and bounding boxes by playing with the WebGL Babylon.js engine and a physics engine companion named Oimo.js.Read More…
  • Game Audio
    Web Audio and 3D Soundscapes: ImplementationPreview
    In this tutorial we will wrap Web Audio in a simple API that focuses on playing sounds within a 3D coordinate space, and can be used for immersive interactive applications including, but not limited to, 3D games.Read More…
  • JavaScript
    How to Minify Your HTML5 Game for the Js13kGames CompetitionJs13kgames banner 400x277
    As you may know, the third edition of the js13kGames competition is here: the official start is set for August 13th, 13:00 CEST. Js13kGames is a competition for HTML5 game developers where the fun and challenging part of the compo is keeping your entire game under 13KB. In this article, I'll share my tips to help you do that!Read More…
  • Phaser
    Getting Started With Phaser: Building "Monster Wants Candy"Phaser tutorial monster wants candy
    In this extra-long tutorial, I'll break down the source for Monster Wants Candy, a multi-platform game my colleague and I built with Phaser, the HTML5 game engine. In this way, you'll gain a practical introduction to the engine, and will learn concepts you can use to build your own HTML5 mobile and browser games.Read More…
  • Leap Motion
    Add Motion Control to a Kiwi.js Game With the Leap Motion ControllerLeap motion html5
    In this tutorial, I'll help you make your first HTML5 game that is controlled by a Leap Motion Controller, using the Kiwi.js engine—a relatively new game engine that targets HTML5, WebGL, and JavaScript.Read More…
  • Gamepad
    Using the HTML5 Gamepad API to Add Controller Support to Browser GamesHtml5 gamepad api
    In this article, you'll learn how to use the HTML5 Gamepad API to add controller support to your HTML5 games. We'll focus on the API's implementation within Chrome and Firefox, and look at how to add gamepad support to a real (albeit simple) web game.Read More…
  • Roguelike
    How to Make Your First Roguelike400px
    Roguelikes have been in the spotlight recently, with games like Dungeons of Dredmor, Spelunky, The Binding of Isaac, and FTL reaching wide audiences and receiving critical acclaim. Long enjoyed by hardcore players in a tiny niche, roguelike elements in various combinations now help bring more depth and replayability to many existing genres.Read More…
  • How to Learn
    How to Learn the Phaser HTML5 Game EngineHeader
    Phaser is an open source HTML5 game framework created by Photon Storm. It's designed to create games that will run on desktop and mobile web browsers. A lot of focus was given to performance inside of mobile web browsers, a growing and important area of web gaming.Read More…
  • Spritesheets
    An Introduction to Spritesheet AnimationKandi preview 400px
    Spritesheets have been used in games for a long time. Classic games such as Legend of Zelda: A Link to the Past and even modern games like Cut the Rope have used them. In this article, we'll talk about what spritesheet animation is and how to code it, and we'll also demonstrate how they can be used in a small game. I'll be using JavaScript for the code, but you should be able to follow along in any language.Read More…