佳木斯湛栽影视文化发展公司
主頁 > 知識庫 > Html5游戲開發(fā)之乒乓Ping Pong游戲示例(三)

Html5游戲開發(fā)之乒乓Ping Pong游戲示例(三)
熱門標簽：阿里云 網(wǎng)站建設 使用U盤裝系統(tǒng) 硅谷的囚徒呼叫中心 檢查注冊表項 百度競價點擊價格的計算公式 智能手機 美圖手機
jQuery 介紹
【這部分就不翻了，網(wǎng)上有很多的。如果有不懂的部分找度娘】
用jQuery操作游戲元素
我們已經(jīng)用jQuery初始化了球拍。現(xiàn)在我們做一個如何使用jQuery安置游戲元素的實驗。
動起來-使用jQuery修改元素的位置
讓我們用網(wǎng)格背景來檢查我們游戲的元素位置：
1、我們繼續(xù)使用PingPong示例。
2、從這里下載我們需要的網(wǎng)格背景圖片。
3、在練習目錄下創(chuàng)建一個名字叫images的文件夾。
4、將下載的圖片放置到jimages文件夾里。這個圖片將有助于我們以后檢查像素的位移。
5、接下來，在編輯器里打開index.html.
6、修改playground DIV的background屬性如下，使它包含像素網(wǎng)格圖片。

復制代碼
代碼如下:

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

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

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

標簽：山南 賀州 煙臺 黃山 懷化 湖北 湘潭 通遼

巨人網(wǎng)絡通訊聲明：本文標題《Html5游戲開發(fā)之乒乓Ping Pong游戲示例(三)》，本文關鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權與本站無關。
  • 相關文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266
    昌邑市| 上蔡县| 大足县| 洛隆县| 讷河市| 独山县| 建水县| 库伦旗| 浠水县| 长顺县| 高安市| 鲁山县| 阿尔山市| 嵩明县| 蒲江县| 海南省| 大庆市| 富蕴县| 南汇区| 清远市| 文化| 互助| 邵武市| 永修县| 工布江达县| 台前县| 元谋县| 乐至县| 莱芜市| 唐海县| 鱼台县| 尼木县| 南木林县| 友谊县| 清远市| 黄龙县| 泽普县| 怀安县| 讷河市| 深圳市| 龙里县|