Making Isometric Social Real-Time Games with HTML5, CSS3, and JavaScript

Anyone familiar with Zynga's Farmville understands how fun and addictive real-time social games can be. This hands-on guide shows you how to design and build one of these games from start to finish, with nothing but open source tools. You'll learn how to render graphics, animate with sprites, add sound, validate scores to prevent cheating, and more, using detailed examples and code samples.By the end of the book, youll complete a project called Tourist Resort that combines all of the techniques youve learned. Youll also learn how to integrate your game with Facebook. If youre familiar with JavaScript, HTML5, and CSS3, youre ready to get started.Use HTML5s canvas element to build smooth animations with spritesCreate an isometric grid pattern for high-performance graphicsDesign a GUI that works equally well on mobile devices and PCsAdd sound to your game with HTML5s audio elementImplement the games path-finding function with WebWorkersBuild a client data model on the server with PHP and MySQLMake your game come alive with dynamic CSS3 objects

Anyone familiar with Zynga's Farmville understands how fun and addictive real-time social games can be. This hands-on guide shows you how to design and build one of these games from start to finish, with nothing but open source tools. You'll learn how to render graphics, animate with sprites, add sound, validate scores to prevent cheating, and more, using detailed examples and code samples.By the end of the book, youll complete a project called Tourist Resort that combines all of the techniques youve learned. Youll also learn how to integrate your game with Facebook. If youre familiar with JavaScript, HTML5, and CSS3, youre ready to get started.Use HTML5s canvas element to build smooth animations with spritesCreate an isometric grid pattern for high-performance graphicsDesign a GUI that works equally well on mobile devices and PCsAdd sound to your game with HTML5s audio elementImplement the games path-finding function with WebWorkersBuild a client data model on the server with PHP and MySQLMake your game come alive with dynamic CSS3 objects