Making Isometric Social Real-Time Games with HTML5, CSS3, and JavaScript
Author: Andres Pagella
Pages: 154
Language: English
Year: 2011
Rendering Simple 3D Worlds with Sprites and Maps
Book Description:
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, you’ll complete a project called Tourist Resort that combines all of the techniques you’ve learned. You’ll also learn how to integrate your game with Facebook. If you’re familiar with JavaScript, HTML5, and CSS3, you’re ready to get started.
[otw_is sidebar=otw-sidebar-1]Learn how to:
- Use HTML5’s canvas element to build smooth animations with sprites
- Create an isometric grid pattern for high-performance graphics
- Design a GUI that works equally well on mobile devices and PCs
- Add sound to your game with HTML5’s audio element
- Implement the game’s path-finding function with WebWorkers
- Build a client data model on the server with PHP and MySQL
- Make your game come alive with dynamic CSS3 objects
About the Author
Andres Pagella is an accomplished software developer with more than 10 years of professional experience living in Capital Federal, Argentina. He has worked on the design and the implementation of several high traffic websites in Argentina. He currently works as the Chief Technical Officer of Minor Studios Argentina S.R.L. developing a social game design tool called Atmosphir.
Making Isometric Social Real-Time Games with HTML5
Описание книги:
Любой, кто знаком с Farmville от Zynga, понимает, насколько веселыми и захватывающими могут быть социальные игры в реальном времени. В этом практическом руководстве показано, как спроектировать и построить одну из этих игр от начала до конца, используя только инструменты с открытым исходным кодом. Вы узнаете, как визуализировать графику, анимировать с помощью спрайтов, добавлять звук, проверять оценки, чтобы избежать мошенничества, и многое другое, используя подробные примеры и примеры кода.
К концу книги вы завершите проект под названием «Туристический курорт», который объединяет все методы, которые вы изучили. Вы также узнаете, как интегрировать свою игру с Facebook. Если вы знакомы с JavaScript, HTML5 и CSS3, вы готовы начать работу.
[otw_is sidebar=otw-sidebar-2]Узнайте, как:
- Использовать HTML-элемент canvas для создания плавной анимации со спрайтами
- Создавать изометрическую сетку для высокопроизводительной графики
Разрабатывать графический интерфейс, который одинаково хорошо работает на мобильных устройствах и ПК - Добавлять звук в свою игру с помощью аудиоэлемента HTML5
- Реализовывать функцию поиска пути игры с помощью WebWorkers
- Строить модель данных клиента на сервере с PHP и MySQL
- Сделать вашу игру живой с динамическими объектами CSS3
Making Isometric Social Real-Time Games with HTML5
Table of contents
- 1. Graphics Foundations: Canvas and Sprites
Working with the canvas Object
Creating Smooth Animations
Working with Sprites
What’s at that Pixel?
Dealing with Transparency
Choosing a Rendering Method for Our Graphics - 2. Making It Isometric
- 3. Interface Considerations
GUI Design and Interaction in Web Games
Implementing the GUI - 4. HTML5 Sound and Processing Optimization
Adding Sound with the Audio Element
Managing Computationally Expensive Work with the Web Workers API
Local Storage and Session Storage - 5. Connecting the Game to People
Cheat Prevention and Server-Side Operations
The Path to the Final Game
Polishing the Game
Adding a Social Networking Layer Using Facebook
Making Isometric Social Real-Time Games with HTML5
| From external source | link |
| GitHub source code | link |
| mirror | link |
decryption key cs84BaeGZV8fozBVQPf4nbaJk4dtFSiNxroVY6sTQ6U
Making Isometric Social Real-Time Games with HTML5