濮阳杆衣贸易有限公司

主頁 > 知識(shí)庫 > Html5游戲開發(fā)之乒乓Ping Pong游戲示例(三)

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

熱門標(biāo)簽:平頂山電子地圖標(biāo)注怎么修改 會(huì)聲會(huì)影怎樣做地圖標(biāo)注效果 地圖標(biāo)注自己去過的地方 搜狗星級(jí)酒店地圖標(biāo)注 電銷機(jī)器人視頻 標(biāo)準(zhǔn)智能外呼系統(tǒng) 洛陽市伊川縣地圖標(biāo)注中心官網(wǎng) 江蘇高頻外呼系統(tǒng)線路 高德地圖標(biāo)注錯(cuò)誤怎么修改
jQuery 介紹
【這部分就不翻了,網(wǎng)上有很多的。如果有不懂的部分找度娘】
用jQuery操作游戲元素
我們已經(jīng)用jQuery初始化了球拍?,F(xiàn)在我們做一個(gè)如何使用jQuery安置游戲元素的實(shí)驗(yàn)。
動(dòng)起來-使用jQuery修改元素的位置
讓我們用網(wǎng)格背景來檢查我們游戲的元素位置
1、我們繼續(xù)使用PingPong示例。
2、從這里下載我們需要的網(wǎng)格背景圖片。
3、在練習(xí)目錄下創(chuàng)建一個(gè)名字叫images的文件夾。
4、將下載的圖片放置到j(luò)images文件夾里。這個(gè)圖片將有助于我們以后檢查像素的位移。
5、接下來,在編輯器里打開index.html.
6、修改playground DIV的background屬性如下,使它包含像素網(wǎng)格圖片。

復(fù)制代碼
代碼如下:

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

7、 現(xiàn)在在瀏覽器里打開index.html,我們應(yīng)該看到的應(yīng)該想以下截圖:一個(gè)網(wǎng)格覆蓋在游戲背景上,我們現(xiàn)在能看到所有元素的位置了

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

標(biāo)簽:廣西 常德 廣東 阿克蘇 果洛 松原 蚌埠 鄂爾多斯

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Html5游戲開發(fā)之乒乓Ping Pong游戲示例(三)》,本文關(guān)鍵詞  Html5,游戲,開,發(fā)之,乒乓,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Html5游戲開發(fā)之乒乓Ping Pong游戲示例(三)》相關(guān)的同類信息!
  • 本頁收集關(guān)于Html5游戲開發(fā)之乒乓Ping Pong游戲示例(三)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    德庆县| 鹿邑县| 宁远县| 会东县| 晋宁县| 淮北市| 巴林右旗| 南部县| 武汉市| 广德县| 庄浪县| 手游| 安仁县| 宝清县| 福泉市| 辽中县| 赣州市| 三穗县| 门源| 左云县| 浦江县| 太和县| 增城市| 九寨沟县| 聂荣县| 大化| 临澧县| 宁化县| 齐河县| 哈尔滨市| 乐亭县| 呼和浩特市| 会昌县| 苏尼特右旗| 青田县| 都兰县| 淮滨县| 两当县| 杂多县| 博爱县| 宽城|