校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 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游戲示例(三)的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 靖西县| 汾阳市| 东乡族自治县| 扎鲁特旗| 花莲市| 余庆县| 兴宁市| 密山市| 黄平县| 青海省| 安丘市| 新昌县| 兰州市| 营山县| 上林县| 沾化县| 牟定县| 利川市| 滦平县| 浮梁县| 洪雅县| 湾仔区| 河间市| 秦安县| 韶关市| 涟水县| 磐安县| 石门县| 乳山市| 广东省| 华安县| 张北县| 海口市| 沂水县| 龙州县| 松潘县| 寿宁县| 余姚市| 宽甸| 金秀| 房山区|