乒乓球为什么叫ping pong,

　　在本章中，我们将：

　　准备开发工具

　　打造我们的第一款游戏——乒乓球

　　用Jquery JavaScript库做基本定位。

　　获取键盘输入

　　创建带得分的乒乓球游戏

　　下面的游戏截图是我们在本章学习的结果。这是一个乒乓球游戏，两个玩家玩一个键盘。

　　所以，让我们现在开始创建我们的游戏。

　　准备开发环境

　　HTML5游戏开发和网站开发差不多。我们需要一个网络浏览器和一个优秀的文本编辑工具。

　　很多文字编辑工具都很优秀，用自己喜欢的就好。如果你没有，我推荐你用记事本，一个小巧快速的编辑工具。关于浏览器，我们需要一个支持HTML5和CSS3特性，并能为我们提供调试工具的浏览器。

　　有几款浏览器可供选择：苹果Safari (http://Apple.com/Safari/)，谷歌Chrome(3358 www . Google . com/Chrome/)，Mozilla Firefox(3358 Mozilla . com/Firefox/)，Opera (http://opera.com)。这些浏览器都支持我们需要的功能。

　　准备HTML文档

　　每个网站、页面、Html5游戏都是从默认的Html文档开始的。这个HTML文档从基本的HTML代码开始。我们还将在index.html开始我们的HTML5游戏开发。

　　行动时间

　　我们将从头开始创建我们的HTML5乒乓球游戏。听起来好像我们得自己准备一切。幸运的是，至少我们可以使用JavaScript库来帮助我们。Jquery就是这样一个JavaScript库，我们将在所有示例中使用它。这有助于简化我们的JavaScript逻辑：

　　1.创建一个名为pingpong的新文件夹。

　　2.在文件夹中创建另一个名为js的文件夹。

　　3.下载jQuery，https:///jiaoben/58.html。

　　4.选择Production并单击DownloadJquery。

　　5.将jquery-1.7.1.min.js保存在我们新创建的2

　　6.创建一个名为index.html的新文件，并将其保存在由1创建的文件夹中。

　　7.用文本编辑器打开index.html文件，插入一个空的HTML模板：复制如下代码：

　　！声明文档类型

　　html lang=en

　　头

　　meta charset=utf-8

　　标题乒乓球/标题

　　/头

　　身体

　　页眉

　　h1乒乓/h1

　　/页眉

　　页脚

　　这是一个创建乒乓球游戏的例子。

　　/页脚

　　/body

　　/html

　　8.在主体的结束标记之前引用jQuery文件，以复制如下代码：

　　script src=" js/jquery-1 . 7 . 1 . min . js/script

　　9.最后，我们希望确保Jquery加载成功。我们通常把下面的代码检查放在JQuery文件之后，正文的结束标记之前：复制代码代码如下：

　　脚本

　　$(function(){

　　alert("欢迎来到乒乓之战。");

　　});

　　/脚本

　　10.保存index.html并用浏览器打开它。我们应该会看到下面的提示窗口。这意味着我们的jQuery设置正确：

　　发生了什么？

　　我们刚刚用jQuery创建了一个基本的HTML5页面，并确保JQuery加载正确。

　　新的HTML5文档类型

　　在HTML5中，DOCTYPE和meta标签得到了简化。

　　在Html4.01中，我们声明doctype需要以下代码：Copy code代码如下：

　　！DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www . w3 . org/TR/HTML 4/strict . DTD

　　很长，不是吗？但是，在HTML5中，doctyp声明要简单得多：复制代码如下：

　　！声明文档类型

　　我们甚至没有声明HTML的版本，这意味着这个HTML5将兼容以前的HTML版本，未来的HTML版本也将支持HTML5的版本。

　　元标签也被简化了。我们现在使用下面的代码来定义HTML的字符集：复制代码代码如下：

　　meta charset=utf-8

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。