HTML5游戲開發(fā)

前言

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

內(nèi)容概要

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

作者簡介

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

書籍目錄

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

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

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

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

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

---