You are previewing Core HTML5 Canvas: Graphics, Animation, and Game Development.

Core HTML5 Canvas: Graphics, Animation, and Game Development

Cover of Core HTML5 Canvas: Graphics, Animation, and Game Development by David Geary Published by Prentice Hall
O'Reilly logo

9.2.2. The Ungame’s Game Loop

The ungame creates a Game instance and reimplements paintUnderSprites() and paintOverSprites(). The ungame doesn’t have any sprites, but the game engine invokes paintUnderSprites() and paintOverSprites() anyway, as shown in Example 9.11.

Example 9.11. Painting over and under sprites

var game = new Game('ungame', 'gameCanvas'),    ...game.paintOverSprites = function () {   paintNearCloud(game.context, 120, 20);   paintNearCloud(game.context, game.context.canvas.width+120, 20);};game.paintUnderSprites = function () {   // Background erased by game engine's clearScreen()   if (!gameOver && livesLeft === 0) {      over();   }   else {      paintSun(game.context);      paintFarCloud(game ...

The best content for your career. Discover unlimited learning on demand for around $1/day.