没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
2页
在这一章节我们将: 准备开发工具 建立我们的第一个游戏-Ping Pong 学习使用Jquery JavaScript库做基本定位 获取键盘输入 Creating the Ping Pong game with scoring 下面的游戏截图就是我们本章学习后的成果。它是一款乒乓游戏,有2个玩家使用一个键盘比赛。 那么,现在就让我们开始创建我们的游戏。 准备开发环境 HTML5游戏开发和网站开发是相似。我们需要一个web浏览器和一个优秀的文本编辑工具。 文本编辑工具很多都很优秀,使用你喜欢的就好。如果你没有,我推荐你使用Notepad++这款体积小,速度快的编辑工具。关于浏览器,我们需要一款
资源推荐
资源详情
资源评论
Html5游戏开发之乒乓游戏开发之乒乓Ping Pong游戏示例游戏示例(一一)
在这一章节我们将:
准备开发工具
建立我们的第一个游戏-Ping Pong
学习使用Jquery JavaScript库做基本定位
获取键盘输入
Creating the Ping Pong game with scoring
下面的游戏截图就是我们本章学习后的成果。它是一款乒乓游戏,有2个玩家使用一个键盘比赛。
那么,现在就让我们开始创建我们的游戏。
准备开发环境准备开发环境
HTML5游戏开发和网站开发是相似。我们需要一个web浏览器和一个优秀的文本编辑工具。
文本编辑工具很多都很优秀,使用你喜欢的就好。如果你没有,我推荐你使用Notepad++这款体积小,速度快的编辑工具。关
于浏览器,我们需要一款支持HTML5,CSS3特性和能过提供给我们调试工具的浏览器。
这有几个可供选择的浏览器:Apple Safari (http://apple.com/safari/), Google Chrome
(http://www.google.com/chrome/),Mozilla Firefox (http://mozilla.com/firefox/), and Opera (http://opera.com),这几款浏览器都
支持我们需要的特性。
准备准备HTML文档文档
每一个网站、页面和Html5游戏都是从默认的HTML文档开始。而这个HTML文档是从基本的HTML代码开始的。我们也将从
index.html开始我们的HTML5游戏开发。
行动时间行动时间
我们将从头开始创建我们的HTML5乒乓游戏。这听起来是要我们自己准备所有的事情,幸运的是至少我们能够使用JavaScript
库帮助我们。Jquery 就是这样的JavaScript库我们将在所有的例子中使用它。这将有助于简化我们的JavaScript逻辑:
1、 创建一个叫pingpong的新文件夹
2、 在文件夹里再创建一个叫js的文件夹
3、 下载jQuery,https://www.jb51.net/jiaoben/58.html。
4、 选择Production并点击DownloadJquery.
5、 将jquery-1.7.1.min.js保存在我们新创建的2的文件夹里
6、 创建一个名叫index.html的新文件并保存到1创建的文件夹里。
7、 用文本编辑器打开index.html文件并插入空的HTML模版:
复制代码代码如下:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
资源评论
weixin_38607088
- 粉丝: 4
- 资源: 921
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于matlab开发的全面详解LTE:MATLAB建模、仿真与实现-simulink.rar
- 自动驾驶定位系列教程二:系统架构.pdf
- 整站程序8优技巧网-8ujq.rar
- 世界各个国家或地区国际域名缩写
- 基于matlab开发的根据rvm回归模型自己编的matlab程序.rar
- 基于matlab开发的该程序为国内一所大学编写的LTE链路层仿真程序,根据LTE标准协议编写的,很容易看懂.rar
- 高效C++学生成绩管理系统:教育技术+C++17编程+数据管理+教务自动化
- 搜索链接要广告分类系统 v2.0-yad20.rar
- 基于matlab开发的Tipping的相关向量机RVM的回归MATLAB程序,有英文注释,可以运行.rar
- 一个点击正反转程序实例,可实现案件电机正反转
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功