HTML5 Games Development by Example Beginner’s Guide

Book Description:

HTML5 promises to be the hot new platform for online games. HTML5 games work on computers, smartphones, and tablets – including iPhones and iPads. Be one of the first developers to build HTML5 games today and be ready for tomorrow!

The book will show you how to use latest HTML5 and CSS3 web standards to build card games, drawing games, physics games and even multiplayer games over the network. With the book you will build 6 example games with clear step-by-step tutorials.

HTML5, CSS3 and related JavaScript API is the latest hot topic in Web. These standards bring us the new game market, HTML5 Games. With the new power from them, we can design games with HTML5 elements, CSS3 properties and JavaScript to play in browsers.

The book divides into 9 chapters with each one focusing on one topic. We will create 6 games in the book and specifically learn how we draw game objects, animate them, adding audio, connecting players and building physics game with Box2D physics engine.

What You Will Learn

• Start nice and simple: build a traditional Ping Pong game with two players playing in one computer
• Create a CSS3-driven card game with transform and 3D flipping effects
• Use the Canvas with multiple layers and the Drawing API to create a string untangle game
• Frame-by-frame animation with sprite sheets
• Create HTML5 game audio, and build a piano-based musical game

About the Author

Makzan focuses on the fields of web development and game design. He has over 14 years of experience in building digital products. He has worked on real-time multiplayer interaction games, iOS applications, and rich interactive websites.

He has written three books, on building a Flash virtual world, and creating games with HTML5 and the latest web standards and developed a video course as well. He currently teaches courses in Hong Kong and Macao SAR. He writes tutorials and shares his know-how on makzan.net

HTML5 Games Development by Example Beginner’s Guide

Описание книги:

HTML5 обещает стать новой горячей платформой для онлайн-игр. Игры HTML5 работают на компьютерах, смартфонах и планшетах, включая iPhone и iPad. Станьте одним из первых разработчиков, создавших HTML5-игры сегодня, и будьте готовы к завтрашнему дню!

Книга покажет вам, как использовать новейшие веб-стандарты HTML5 и CSS3 для создания карточных, рисованных, физических игр и даже многопользовательских игр по сети. С помощью книги вы создадите 6 примеров игр с понятными пошаговыми руководствами.

HTML5, CSS3 и связанный с ним JavaScript API — последняя актуальная тема в Интернете. Эти стандарты открывают нам новый рынок игр, HTML5 Games. С их новой силой мы можем создавать игры с элементами HTML5, свойствами CSS3 и JavaScript для игры в браузерах.

Книга состоит из 9 глав, каждая из которых посвящена одной теме. В книге мы создадим 6 игр и, в частности, узнаем, как мы рисуем игровые объекты, анимируем их, добавляем аудио, соединяем игроков и строим физическую игру с физическим движком Box2D.

Ключевая особенность

• Изучите разработку игр на HTML5, создав шесть забавных примеров проектов
• Полные, четкие объяснения всех основных методов
• Охватывает головоломки, экшн, мультиплеер и Box 2D физики
• Используйте Canvas с несколькими слоями и спрайт-листами для насыщенных графических игр
• Используйте спецэффекты CSS3 для создания изысканных, увлекательных головоломок

Что вы узнаете

• Начните красиво и просто: создайте традиционную игру в пинг-понг, в которой два игрока играют на одном компьютере
• Создайте карточную игру на основе CSS3 с эффектами трансформации и 3D-перелистывания
• Используйте Canvas с несколькими слоями и API рисования, чтобы создать игру «Распутать строки».
• Покадровая анимация со спрайт-листами
• Создайте звуковой файл HTML5 и создайте музыкальную игру для фортепиано
• Постоянно храните игровые данные, используя локальное хранилище
• Создание сетевых многопользовательских игр в реальном времени
• Добавление физики в ваши игры на холсте с помощью физического движка Box2D

HTML5 Games Development by Example Beginner’s Guide

Table of contents

• Chapter 2: Getting Started with DOM-based Game Development
• Chapter 3: Building a Memory Matching Game in CSS3
• Chapter 4: Building the Untangle Game with Canvas and Drawing API
• Chapter 5: Building a Canvas Games Masterclass
• Chapter 6: Adding Sound Effects to your Games
• Chapter 7: Using Local Storage to Store Game Data
• Chapter 8: Building a Multiplayer Draw-and-Guess Game with WebSockets
• Chapter 9: Building a Physics Car Game with Box2D and Canvas
• Appendix: Pop Quiz Answers
• Index

HTML5 Games Development by Example Beginner’s Guide

decryption key        CSnyI2uheJZIOFFY-3_yGgVopJ5jWa6Bt99PjwJu5s4

book page in publishing

list of HTML5 games on Github

HTML5 wiki

HTML5 Standard

HTML5 Games Development by Example Beginner’s Guide