国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

Html5游戲開發之乒乓Ping Pong游戲示例(三)

2024-08-26 00:16:06
字體:
來源:轉載
供稿:網友

點評:我們已經用jQuery初始化了球拍。現在我們做一個如何使用jQuery安置游戲元素,用網格背景來檢查我們游戲的元素位置的實驗,感興趣的朋友可以了解下,祝大家游戲開發快樂

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,我們應該看到的應該想以下截圖:一個網格覆蓋在游戲背景上,我們現在能看到所有元素的位置了

Html5游戲開發之乒乓Ping Pong游戲示例(三)


發生了什么?
為方便調試,我們放置了一個叫pixel_grid.jpg的圖片到背景上。這張圖片有許多小網格,每10x10個網格組成一個100x100像素的大塊。通過這張圖像,我們就有了一把尺子,讓我們能衡量元素在屏幕上的位置。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 田林县| 嘉义市| 台北市| 新巴尔虎左旗| 中西区| 日土县| 临泽县| 惠来县| 商南县| 连城县| 揭阳市| 璧山县| 波密县| 仁化县| 沂水县| 镇赉县| 渑池县| 翁牛特旗| 苏尼特右旗| 玛多县| 嘉黎县| 孟州市| 土默特左旗| 临武县| 桦川县| 宜城市| 惠水县| 北辰区| 胶南市| 梓潼县| 甘洛县| 伊宁县| 隆化县| 含山县| 准格尔旗| 霍城县| 巢湖市| 江安县| 石景山区| 黄陵县| 桦南县|