requestAnimationFrame upgrade; improve README; imageOptim

lostdecade · Apr 22, 2014 · f24d734 · f24d734
1 parent 256d456
commit f24d734
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,7 @@
 # How to make a simple HTML5 Canvas game
 
-Build your first HTML5 Canvas game in no time! [Read the whole article here!](http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/)
+Build your first HTML5 Canvas game in no time! [Read the whole article here.](http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/)
+
+* Subscribe to the [Lost Decade Games blog](http://www.lostdecadegames.com/rss.xml)
+* Listen to [Lostcast](http://www.lostdecadegames.com/lostcast/), the indie game dev podcast
+* Follow us [@LostDecadeGames](https://twitter.com/LostDecadeGames)
diff --git a/images/background.png b/images/background.png
diff --git a/images/hero.png b/images/hero.png
diff --git a/images/monster.png b/images/monster.png
diff --git a/js/game.js b/js/game.js
@@ -115,9 +115,16 @@ var main = function () {
 	render();
 
 	then = now;
+
+	// Request to do this again ASAP
+	requestAnimationFrame(main);
 };
 
+// Cross-browser support for requestAnimationFrame
+var w = window;
+requestAnimationFrame = w.requestAnimationFrame || w.webkitRequestAnimationFrame || w.msRequestAnimationFrame || w.mozRequestAnimationFrame;
+
 // Let's play this game!
-reset();
 var then = Date.now();
-setInterval(main, 1); // Execute as fast as possible
+reset();
+main();