The Essential Guide to HTML5: Using Games to learn HTML5 and JavaScript (Paperback)

HTML5 opens up a plethora of new avenues for application and game development on the web. Games can now be created and interacted with directly within HTML with no need for users to download extra plugins, or for developers to learn new languages. Important new features such as the Canvas tag enable drawing directly onto the web page, the Audio tag allows sounds to be triggered and played from within your HTML code, the web sockets API brings the facility for real-time communication, and the local storage API enables data such as high scores or game preferences to be kept on a user's computer to be retrieved next time they play your game. All of these features and many more are covered within The Essential Guide to HTML5.

The book begins at an introductory level, teaching the essentials of HTML5 and JavaScript through game development. Each chapter features a familiar game type as its core example, such as hangman, rock-paper-scissors, or dice games, and uses these simple constructs to build a solid skillset of the key HTML5 concepts and features. By working through these hands on examples, you will gain a deep, practical knowledge of HTML5 that will enable you to build your own, more advanced games and applications.

• Concepts are introduced and motivated with easy-to-grasp, appealing examples.
• Code is explained in detail after general explanations.
• Reader is guided into how to make the examples 'their own'.

What you’ll learn

• Use HTML5 and JavaScript to create interactive web sites
• Program in JavaScript with the new HTML5 features
• Draw on canvas and place text on the canvas
• Create animated scenes using timing events
• Handle mouse events for interaction with the user/player
• Important concepts useful in any programming language/environment
• HTML tags, canvas, Math.random, setInterval, setTimerout, addEventListener, Date, localStorage and other features

Who this book is for

Anyone who wants to make interactive websites. This book is suited for:

• Total beginners
• Those who have done some HTML but are afraid to do any programming
• Those with some experience with HTML, JavaScript, or Flash ActionScript but who are unfamiliar with the new features in HTML5

Table of Contents

1. The Basics
2. Dice Game
3. Bouncing Ball
4. Cannonball and Slingshot
5. The Memory (aka Concentration) Game
6. Quiz
7. Mazes
8. Rock, Paper, Scissors
9. Hangman
10. Blackjack

HTML5為網頁上的應用程式和遊戲開發開闢了許多新的途徑。現在可以直接在HTML中創建和互動遊戲，無需用戶下載額外的插件，也無需開發人員學習新的語言。重要的新功能，如Canvas標籤，可以直接在網頁上繪製，Audio標籤允許從HTML代碼中觸發和播放聲音，Web Sockets API提供了實時通信的功能，而本地存儲API則可以將數據（如高分或遊戲偏好設置）保存在用戶的計算機上，以便在下次遊玩時檢索。所有這些功能以及更多功能都在《HTML5基礎指南》中詳細介紹。

本書從入門級開始，通過遊戲開發教授HTML5和JavaScript的基礎知識。每個章節都以一個熟悉的遊戲類型作為核心示例，例如猜字遊戲、剪刀石頭布遊戲或骰子遊戲，並使用這些簡單的構造來建立關鍵的HTML5概念和功能的扎實技能。通過這些實際示例的實踐，您將獲得深入的HTML5實用知識，使您能夠構建自己更高級的遊戲和應用程序。

• 通過易於理解和吸引人的示例介紹和解釋概念。


• 在一般解釋之後詳細解釋代碼。


• 指導讀者如何使示例成為自己的。

您將學到什麼

• 使用HTML5和JavaScript創建互動式網站。


• 使用新的HTML5功能在JavaScript中編程。


• 在畫布上繪製和放置文本。


• 使用定時事件創建動畫場景。


• 處理與用戶/玩家的鼠標事件。


• 在任何編程語言/環境中都有用的重要概念。


• HTML標籤、畫布、Math.random、setInterval、setTimerout、addEventListener、Date、localStorage和其他功能。

本書適合對象

想要製作互動式網站的任何人。本書適合以下人群：

• 完全初學者。


• 已經有一些HTML基礎但害怕進行編程的人。


• 對HTML、JavaScript或Flash ActionScript有一些經驗，但對HTML5的新功能不熟悉的人。

目錄

1. 基礎知識


2. 骰子遊戲


3. 彈跳球


4. 炮彈和彈弓


5. 記憶（又稱集中力）遊戲


6. 測驗


7. 迷宮


8. 剪刀石頭布


9. 猜字遊戲


10. 二十一點