基于HTML 5的多人在線網(wǎng)頁(yè)游戲開(kāi)發(fā)研究.pdf

1、基于HTML5的多人在線網(wǎng)頁(yè)游戲開(kāi)發(fā)研究重慶大學(xué)碩士學(xué)位論文（專業(yè)學(xué)位）學(xué)生姓名：蒙泳行指導(dǎo)教師：石銳副教授學(xué)位類別：工程碩士（計(jì)算機(jī)技術(shù)領(lǐng)域）重慶大學(xué)計(jì)算機(jī)學(xué)院二O一三年四月重慶大學(xué)碩士學(xué)位論文中文摘要I摘要隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，互聯(lián)網(wǎng)在不斷地改變我們使用計(jì)算機(jī)的方式。瀏覽器的功能越來(lái)越強(qiáng)大，我們可以使用瀏覽器做更多的事情。數(shù)據(jù)可以存儲(chǔ)在云端，更加的安全可靠，方便用戶共享數(shù)據(jù)；很多應(yīng)用直接打開(kāi)網(wǎng)頁(yè)就可以使用，不需要再下載安裝，比如網(wǎng)頁(yè)

2、QQ、網(wǎng)頁(yè)飛信、網(wǎng)頁(yè)微信；網(wǎng)頁(yè)游戲也越來(lái)越絢麗，最近開(kāi)始出現(xiàn)了網(wǎng)頁(yè)3D游戲，畫面比一些傳統(tǒng)的客戶端游戲都不差；甚至出現(xiàn)了網(wǎng)頁(yè)操作系統(tǒng)，只需要在硬件上安裝瀏覽器軟件，便可在任何接通網(wǎng)絡(luò)的電腦上使用自己熟悉的操作系統(tǒng)。在這種背景下，傳統(tǒng)的Web界面技術(shù)（HTML4.01）已經(jīng)不能滿足要求，因此HTML5應(yīng)運(yùn)而生。本文主要研究使用HTML5的新功能開(kāi)發(fā)一個(gè)多人在線網(wǎng)頁(yè)游戲的方法。使用HTML5Canvas標(biāo)簽來(lái)開(kāi)發(fā)動(dòng)畫效果，實(shí)現(xiàn)游戲角色行走、

3、動(dòng)作、技能效果表現(xiàn)，以及游戲地圖的繪制和滾動(dòng)；使用基于HTML5的封裝了Websocket的socket.io實(shí)現(xiàn)實(shí)時(shí)數(shù)據(jù)傳輸，包括玩家聊天和同屏顯示其他在線玩家形象；使用Nodejs服務(wù)器端實(shí)現(xiàn)游戲的在線實(shí)時(shí)性，使用面向?qū)ο髷?shù)據(jù)庫(kù)MongoDB作為服務(wù)端數(shù)據(jù)庫(kù)，保存玩家數(shù)據(jù)；使用HTML5Audio標(biāo)簽來(lái)實(shí)現(xiàn)游戲音效；最后討論了基于HTML5的多人在線網(wǎng)頁(yè)游戲的性能優(yōu)化和代碼優(yōu)化。本文最終實(shí)現(xiàn)了一個(gè)在線多人網(wǎng)頁(yè)游戲的核心功能，游戲客戶