HTML5游戲開(kāi)發(fā)

前言

　　前言　　人們對(duì)HTML5的新功能熱情高漲，甚至有人建議就用HTML5構(gòu)建吸引人的動(dòng)態(tài)、交互式網(wǎng)站，而不再需要其他的技術(shù)或產(chǎn)品。這可能有些夸張，不過(guò)這些新特性讓人興奮不已確實(shí)是不爭(zhēng)的事實(shí)。如今，只使用HTML5、CSS（Cascading Style Sheet，層疊樣式表）和JavaScript就完全可以在屏幕上畫(huà)出直線、弧線、圓和橢圓，還可以指定事件和事件處理來(lái)生成動(dòng)畫(huà)，并對(duì)用戶的動(dòng)作作出響應(yīng)?？梢允褂脴?biāo)準(zhǔn)控件在網(wǎng)站上加入視頻和音頻，或者也可以根據(jù)需要在應(yīng)用中放入視頻或音頻。可以創(chuàng)建提供輸入驗(yàn)證的表單，并立即向用戶提供反饋。還可以使用一個(gè)類(lèi)似于cookie的工具在客戶計(jì)算機(jī)上存儲(chǔ)信息。另外，可以使用一些新元素（如header和footer）幫助建立文檔的結(jié)構(gòu)?！　”緯?shū)是在我的教學(xué)實(shí)踐和以前寫(xiě)的一些文章的基礎(chǔ)上完成的。要深入了解一項(xiàng)技術(shù)的特性或者通用的編程概念，最好首先有具體的需求。游戲（特別是我們熟悉的一些簡(jiǎn)單游戲）就能提供這種需求，它可以很好地解釋為什么要學(xué)習(xí)有關(guān)的技術(shù)，也讓我們有了動(dòng)力去鉆研這些技術(shù)的特性。學(xué)習(xí)一種新的編程語(yǔ)言時(shí)，第一步我會(huì)編寫(xiě)一個(gè)骰子游戲。如果能構(gòu)建一個(gè)帶動(dòng)畫(huà)的彈道仿真應(yīng)用，如彈弓游戲，并在出現(xiàn)某個(gè)特定條件時(shí)播放一個(gè)視頻或音頻片段，這會(huì)讓我很高興。如果可以構(gòu)建我自己的迷宮，繪制上吊小人簡(jiǎn)筆畫(huà)，并在玩家的計(jì)算機(jī)上存儲(chǔ)信息，這更會(huì)讓我欣喜若狂。這正是我們將在本書(shū)中做的。在了解如何構(gòu)建這些簡(jiǎn)單游戲的同時(shí)，你也將逐步積累自己的經(jīng)驗(yàn)?！　≡趂riends of ED全體人員和技術(shù)審校人員的大力幫助之下，本書(shū)得以完成。而撰寫(xiě)本書(shū)的目的就是讓你做好準(zhǔn)備，可以著手建立自己的網(wǎng)站，這包括游戲以及其他動(dòng)態(tài)應(yīng)用，另外還會(huì)簡(jiǎn)要介紹HTML5和編程的精髓?！　?xiě)這本書(shū)時(shí)，并不是所有瀏覽器都支持HTML5的全部特性。我們已經(jīng)使用Chrome、Firefox和Safari對(duì)書(shū)中開(kāi)發(fā)的這些應(yīng)用做了測(cè)試。　　本書(shū)的讀者對(duì)象　　本書(shū)適合所有希望了解如何利用HTML5構(gòu)建令人興奮的動(dòng)態(tài)網(wǎng)站的人閱讀。如果你對(duì)編程有所了解，想知道HTML5能帶來(lái)多大幫助，那么本書(shū)非常適合你。如果你沒(méi)有任何編程經(jīng)驗(yàn)，本書(shū)也同樣適合你。也許你是一名Web設(shè)計(jì)人員或者網(wǎng)站所有者，只是想知道如何在后臺(tái)做一些工作。通過(guò)本書(shū)，我們希望突出HTML5的新特性，揭開(kāi)編程藝術(shù)的神秘面紗。編程是一種藝術(shù)，要想創(chuàng)建吸引人的游戲以及其他應(yīng)用，這確實(shí)需要天賦。不過(guò)，只要你能把單詞匯集在一起構(gòu)成句子，能夠把句子組織成段落，而且有一定的邏輯性，你就能編程。　　本書(shū)的組織結(jié)構(gòu)　　本書(shū)共有10章，分別圍繞我們熟悉的一個(gè)游戲或者類(lèi)似的應(yīng)用展開(kāi)介紹。各章的內(nèi)容有很多冗余，所以如果你愿意，完全可以跳過(guò)冗余的部分，不過(guò)這些游戲確實(shí)越來(lái)越復(fù)雜。每一章最前面會(huì)列出這一章將要介紹的技術(shù)特性，并給出應(yīng)用的描述。首先我們會(huì)考慮一般意義上（不依賴任何特定的技術(shù)）的關(guān)鍵需求：實(shí)現(xiàn)這個(gè)應(yīng)用需要些什么。然后強(qiáng)調(diào)滿足這些需求的HTML5、CSS和JavaScript特性或通用的編程方法。最后，我們會(huì)詳細(xì)分析應(yīng)用的實(shí)現(xiàn)。我把代碼逐行列在一個(gè)表格中，并在旁邊分別給出各行的注釋。如果要介紹一個(gè)游戲的多個(gè)版本，將只對(duì)新的代碼行給出注釋。這樣做并不是因?yàn)槲也辉敢鉃槟闾峁┯嘘P(guān)信息，而是希望你能從中看出哪些代碼是類(lèi)似的，而哪些不同，另外還可以了解到如何分階段地構(gòu)建應(yīng)用。每一章都對(duì)如何把這些游戲變成你自己的應(yīng)用給出了建議，并指出如何測(cè)試應(yīng)用并將其上傳到網(wǎng)站上。各章最后的小結(jié)會(huì)強(qiáng)調(diào)在這一章中你學(xué)到了什么以及接下來(lái)還會(huì)看到哪些內(nèi)容。本書(shū)的源代碼可在圖靈社區(qū)（ituring.com.cn）的本書(shū)頁(yè)面下載?！　”緯?shū)約定　　本書(shū)中的應(yīng)用都是HTML文檔。JavaScript放在head元素的script元素中，CSS放在head元素的style元素中。body元素包含靜態(tài)html，其中還包括canvas元素。一些示例要依賴外部圖像文件，還有一個(gè)例子需要用到外部視頻文件，另外有一個(gè)例子需要一些外部音頻文件?！　∨虐婕s定　　為了保證這本書(shū)盡可能簡(jiǎn)潔易懂，本書(shū)將使用以下排版約定。　　重要的單詞或概念第一次出現(xiàn)時(shí)通常會(huì)用楷體來(lái)強(qiáng)調(diào)。　　代碼用Courier列出?！　±帽砀窠o出每個(gè)應(yīng)用的完整代碼，左列列出每一條語(yǔ)句，右列給出相應(yīng)的注釋?！　∮袝r(shí)代碼很長(zhǎng)，在書(shū)中無(wú)法用一行顯示，此時(shí)我會(huì)使用這樣一個(gè)箭頭：　　了解了以上格式規(guī)范后，下面進(jìn)入正題?！　∥褐?@shukebeta　　2011.06.26

內(nèi)容概要

《HTML5游戲開(kāi)發(fā)》共10章，通過(guò)10個(gè)具體的游戲示例詳細(xì)介紹HTML5的用法。每章都先列出相關(guān)的技術(shù)特性并給出了應(yīng)用的描述，然后討論了實(shí)現(xiàn)這個(gè)應(yīng)用的關(guān)鍵需求，接著強(qiáng)調(diào)了滿足這些需求的HTML5、CSS和JavaScript特性或者通用編程方法，最后詳細(xì)介紹了代碼的實(shí)現(xiàn)。另外，每一章都對(duì)如何把這些游戲變成你自己的應(yīng)用給出了建議，并指出如何測(cè)試應(yīng)用并將其上傳到網(wǎng)站上。
　　《HTML5游戲開(kāi)發(fā)》適合所有希望了解如何利用HTML5構(gòu)建令人興奮的動(dòng)態(tài)網(wǎng)站的人閱讀。

作者簡(jiǎn)介

　　Jeanine Meyer 紐約州立大學(xué)帕切斯學(xué)院教授，主要講授數(shù)學(xué)/計(jì)算機(jī)科學(xué)和新興媒體專(zhuān)業(yè)的課程，另外還為主修人文的學(xué)生主講數(shù)學(xué)課程。要了解她參與的學(xué)術(shù)活動(dòng)，可以訪問(wèn)網(wǎng)http://faculty.purchase.edu/jeanine.meyer。進(jìn)入大學(xué)任教之前，她曾任IBM研究中心經(jīng)理，主要從事機(jī)器人和機(jī)械制造方面的研究，后來(lái)還擔(dān)任了IBM教育授權(quán)計(jì)劃的顧問(wèn)。

書(shū)籍目錄

第1章　基礎(chǔ)知識(shí)　
　1.1　引言　
　1.2　關(guān)鍵需求　
　1.3　HTML5、CSS和JavaScript特性　
　1.3.1　基本HTML 結(jié)構(gòu)和標(biāo)記　
　1.3.2　JavaScript編程　
　1.4　構(gòu)建自己的應(yīng)用　
　1.5　測(cè)試和上傳應(yīng)用　
　1.6　小結(jié)　
第2章　骰子游戲　
　2.1　引言　
　2.2　關(guān)鍵需求　
　2.3　HTML5、CSS和JavaScript特性　
　2.3.1　偽隨機(jī)處理和數(shù)學(xué)表達(dá)式　
　2.3.2　變量和賦值語(yǔ)句　
　2.3.3　程序員自定義函數(shù)　
　2.3.4　條件語(yǔ)句：if和switch　
　2.3.5　在畫(huà)布上繪圖　
　2.4　構(gòu)建自己的應(yīng)用　
　2.4.1　擲一個(gè)骰子　
　2.4.2　擲兩個(gè)骰子　
　2.4.3　完整的craps游戲　
　2.5　測(cè)試和上傳應(yīng)用　
　2.6　小結(jié)　
第3章　彈跳球　
　3.1　引言　
　3.2　關(guān)鍵需求　
　3.3　HTML5、CSS和JavaScript特性　
　3.4　構(gòu)建自己的應(yīng)用　
　3.5　測(cè)試和上傳　
　3.6　小結(jié)　
第4章　炮彈和彈弓　
　4.1　引言　
　4.2　關(guān)鍵需求　
　4.3　HTML5、CSS和JavaScript特性　
　4.3.1　數(shù)組和程序員自定義對(duì)象　
　4.3.2　繪圖旋轉(zhuǎn)和平移　
　4.3.3　繪制線段　
　4.3.4　拉彈弓的鼠標(biāo)事件　
　4.3.5　使用數(shù)組接合改變顯示元素列表　
　4.3.6　點(diǎn)之間的距離　
　4.4　構(gòu)建自己的應(yīng)用　
　4.4.1　有大炮、角度和速度的炮彈應(yīng)用　
　4.4.2　彈弓：使用鼠標(biāo)設(shè)置飛行參數(shù)　
　4.5　測(cè)試和上傳應(yīng)用　
　4.6　小結(jié)　
第5章　記憶力(注意力)游戲　
　5.1　引言　
　5.2　關(guān)鍵需求　
　5.3　HTML5、CSS和JavaScript特性　
　5.3.1　表示撲克牌　
　5.3.2　使用Date 確定時(shí)間　
　5.3.3　提供暫停　
　5.3.4　繪制文本　
　5.3.5　繪制多邊形　
　5.3.6　洗牌　
　5.3.7　單擊牌的實(shí)現(xiàn)　
　5.3.8　防止某些作弊行為　
　5.4　構(gòu)建自己的應(yīng)用　
　5.5　測(cè)試和上傳應(yīng)用　
　5.6　小結(jié)　
第6章　猜謎游戲　
　6.1　引言　
　6.2　關(guān)鍵需求　
　6.3　HTML5、CSS和JavaScript特性　
　6.3.1　存儲(chǔ)和獲取數(shù)組信息　
　6.3.2　程序執(zhí)行時(shí)創(chuàng)建HTML　
　6.3.3　使用JavaScript代碼修改CSS來(lái)改變?cè)亍?br />　6.3.4　使用form和input元素的文本反饋　
　6.3.5　表現(xiàn)視頻　
　6.4　構(gòu)建自己的應(yīng)用　
　6.5　測(cè)試和上傳應(yīng)用　
　6.6　小結(jié)　
第7章　迷宮　
　7.1　引言　
　7.2　關(guān)鍵需求　
　7.3　HTML5、CSS和JavaScript特性　
　7.3.1　墻和token的表示　
　7.3.2　建立和定位墻的鼠標(biāo)事件　
　7.3.3　檢測(cè)箭頭按鍵　
　7.3.4　token與墻的碰撞檢測(cè)　
　7.3.5　使用本地存儲(chǔ)　
　7.3.6　為本地存儲(chǔ)編碼數(shù)據(jù)　
　7.3.7　單選按鈕　
　7.4　構(gòu)建自己的應(yīng)用　
　7.5　測(cè)試和上傳應(yīng)用　
　7.6　小結(jié)　
第8章　石頭剪刀布　
　8.1　引言　
　8.2　關(guān)鍵需求　
　8.3　HTML5、CSS和JavaScript特性　
　8.3.1　為玩家提供圖片按鈕　
　8.3.2　生成計(jì)算機(jī)動(dòng)作　
　8.3.3　啟動(dòng)　
　8.4　構(gòu)建自己的應(yīng)用　
　8.5　測(cè)試和上傳應(yīng)用　
　8.6　小結(jié)　
第9章　上吊小人游戲　
　9.1　引言　
　9.2　關(guān)鍵需求　
　9.3　HTML5、CSS和JavaScript特性　
　9.3.1　將單詞表存儲(chǔ)為一個(gè)在外部腳本文件中定義的數(shù)組　
　9.3.2　生成和定位HTML 標(biāo)記，使標(biāo)記作為按鈕并禁用這些按鈕　
　9.3.3　在畫(huà)布上逐步繪制　
　9.3.4　維護(hù)游戲狀態(tài)并確定輸贏　
　9.3.5　檢查猜測(cè)，設(shè)置textContent顯示秘密詞中的字母　
　9.4　構(gòu)建自己的應(yīng)用　
　9.5　測(cè)試和上傳應(yīng)用　
　9.6　小結(jié)　
第10章　黑桃J　
　10.1　引言　
　10.2　關(guān)鍵需求　
　10.3　HTML5、CSS和JavaScript特性　
　10.4　構(gòu)建自己的應(yīng)用　
　10.5　測(cè)試和上傳應(yīng)用　
　10.6　小結(jié)　

媒體關(guān)注與評(píng)論

　　本書(shū)內(nèi)容全面，通過(guò)游戲示例介紹了HTML5的方方面面，涉及了碰撞檢測(cè)、表單驗(yàn)證、生成和使用隨機(jī)數(shù)、創(chuàng)建用戶自定義的圖片、鼠標(biāo)事件、定時(shí)事件和使用 localStorage在瀏覽器中存儲(chǔ)/檢索數(shù)據(jù)等，適合對(duì)HTML5、CSS和JavaScript感興趣的人閱讀。強(qiáng)烈推薦！　　——讀者評(píng)論

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    HTML5游戲開(kāi)發(fā) PDF格式下載

---