HTML5 Game Development
   
  • HOME
  • News
  • Tutorials
  • Engines
  • Demos
  • Tools
  • Partners
  • Mobile HTML Game
  • Guess The Celebrity
  • About us

Building Outrun in 2D Canvas

CodeIncomplete has a neat demo and blog post on building a game similar to outschool arcade-favorite racer Outrun in HTML5 Canvas.

The blog post covers the details of the first version of the demo (straight roads) – with details on curves and hill coming in later posts.

Share List

You might also find this interesting:


  1. Canvas v5 API Additions While not in any sort of sexy blog-post format, Ian Hickson has posted a list of additions to the Canvas V5 API on the whatwtg mailing list. Some nice looking...

  2. Combining Easel.js and Box2d in Canvas Justin Schrader, senior developer over at Luxanimals.com (creators of LuxAhoy) has written an informative post on how to combine Easel.js with Box2d which provides a nice in-page demo along with...

  3. How Construct 2 helps make HTML5 work A nice blog post on the Scirra Blog (Scirra are the makers of the Construct 2 HTML5 Game IDE) that could rightfully be called “Shooting down some of the myths...

  4. WebSonic – WebGL Sonic the Hedgehog A playable demo of a Sonic 3D tech demo in 3D using WebGL. There’s a french blog post on it and the source code is up on GitHub. Share List...

  5. Developing a simple HTML5 Canvas Space Shooter The mozilla hacks blog has an interesting article on building a simple 2D space shooter with both single-player and multi-player support. While not a full tutorial, it provides a good...

HTML5 Demos

License HTML5 Games

Are you a company looking to license HTML5 games? We recommend MarketJS.com, a B2B platform for licensing games.

MarketJS has over 300 HTML5 games for licensing. They also provide additional services such as game reskin, custom development, and white label portals.

Html5 Game Development


Follow @GameDevHTML5



WHAT’S NEW

  • Game Localization For Food Delivery App

  • HTML5 Games in Guest Room Tablets

  • What’s New in Phaser 3.50

  • Particle and Sprite Editors in Babylon.js 4.2

  • Healthcare Industry HTML5 Games



NEW DEMOS

  • Vertical Endless Runner Prototype

  • Particle and Sprite Editors in Babylon.js 4.2

  • Song Maker in Google Experiment

  • Phaser 3 Experiment for Drawing Cards

  • HTML5 Game for a Recycling Campaign


ENGINES

  • GDevelop – Free and Easy HTML5 Game Engine

    If you are looking for a free and easy HTML5 game engine, check out GDevelop. This game creator is designed to be used by everyone, with its no-code, open-source, free, …Read more

  • Phaser 3 Game Object Pools Tutorial

    Memory allocation inside update loops often causes framerate problems in real-time gaming. One of the best solutions to this is to use Object Pools in Phaser 3. An Object Pool …Read more

  • Games During The COVID-19 Pandemic

    There so many effective ways to engage your audience with HTML5 games. Here is an example of how to run a game campaign to keep users motivated during difficult times. …Read more

SEARCH OUR ARCHIVES

CONNECT

rss twitter

HTML5 Game Development is proudly run by 3P Solutions Inc

GOT NEWS?

Send new engines, demos, information and tips to hello@html5gamedevelopment.com

MONTHLY MEETUP

In boston? Join us for the Monthly HTML5 Game Development meetup.

BOOKS

We're in the process of writing a few books about game development. Coming soon!

Copyright HTML5gamedevelopment.com