Html5手机游戏开发设计之乒乓球Ping Pong手机游戏示

日期:2021-02-26 类型:科技新闻 

关键词:秀米制作h5,h5如何制作,h5小游戏制作,h5游戏开发,免费的h5制作网站

jQuery 详细介绍
【这一部分就不翻了,在网上有许多的。假如有不懂的一部分找度娘】
用jQuery实际操作手机游戏元素
大家早已用jQuery原始化了球拍。如今大家做1个怎样应用jQuery安装手机游戏元素的试验。
动起来-应用jQuery改动元素的部位
让大家用网格情况来查验大家手机游戏的元素部位
1、大家再次应用PingPong示例。
2、从这里免费下载大家必须的网格情况照片。
3、在训练文件目录下建立1个姓名叫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,大家应当看到的应当想下列截图:1个网格遮盖在手机游戏情况上,大家如今能看到全部元素的部位了

产生了甚么?
为便捷调节,大家置放了1个叫pixel_grid.jpg的照片到情况上。这张照片有很多小网格,每10x10个网格构成1个100x100像素的大块。根据这张图象,大家就有了1把尺子,让大家能考量元素在显示屏上的部位。