主页 > 知识库 > Html5游戏开发之乒乓Ping Pong游戏示例(三)

Html5游戏开发之乒乓Ping Pong游戏示例(三)

热门标签:平顶山电子地图标注怎么修改 会声会影怎样做地图标注效果 地图标注自己去过的地方 搜狗星级酒店地图标注 电销机器人视频 标准智能外呼系统 洛阳市伊川县地图标注中心官网 江苏高频外呼系统线路 高德地图标注错误怎么修改
jQuery 介绍
【这部分就不翻了,网上有很多的。如果有不懂的部分找度娘】
用jQuery操作游戏元素
我们已经用jQuery初始化了球拍。现在我们做一个如何使用jQuery安置游戏元素的实验。
动起来-使用jQuery修改元素的位置
让我们用网格背景来检查我们游戏的元素位置
1、我们继续使用PingPong示例。
2、从这里下载我们需要的网格背景图片。
3、在练习目录下创建一个名字叫images的文件夹。
4、将下载的图片放置到jimages文件夹里。这个图片将有助于我们以后检查像素的位移。
5、接下来,在编辑器里打开index.html.
6、修改playground DIV的background属性如下,使它包含像素网格图片。

复制代码
代码如下:

#playground{
background: #e0ffe0 url(images/pixel_grid.jpg);
width: 400px;
height: 200px;
position: relative;
overflow: hidden;
}

7、 现在在浏览器里打开index.html,我们应该看到的应该想以下截图:一个网格覆盖在游戏背景上,我们现在能看到所有元素的位置了

发生了什么?
为方便调试,我们放置了一个叫pixel_grid.jpg的图片到背景上。这张图片有许多小网格,每10x10个网格组成一个100x100像素的大块。通过这张图像,我们就有了一把尺子,让我们能衡量元素在屏幕上的位置。

标签:广西 常德 广东 阿克苏 果洛 松原 蚌埠 鄂尔多斯

巨人网络通讯声明:本文标题《Html5游戏开发之乒乓Ping Pong游戏示例(三)》,本文关键词  Html5,游戏,开,发之,乒乓,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《Html5游戏开发之乒乓Ping Pong游戏示例(三)》相关的同类信息!
  • 本页收集关于Html5游戏开发之乒乓Ping Pong游戏示例(三)的相关信息资讯供网民参考!
  • 推荐文章