- HTML5實(shí)驗(yàn)室
- 張磊編著
- 1222字
- 2019-01-09 15:53:48
前言
2005年,許多網(wǎng)站相繼加入AJAX應(yīng)用。AJAX是可以創(chuàng)建更好、更快和交互性更強(qiáng)的Web應(yīng)用程序的技術(shù),基于此技術(shù),互聯(lián)網(wǎng)應(yīng)用程序可以變得更完善、更友好。AJAX最開始代表異步請(qǐng)求和局部刷新,后來演變成為網(wǎng)頁(yè)里一切好玩的東西,它拉近了Web程序與桌面程序的距離。
到了2007年,W3C針對(duì)是否接納HTML5進(jìn)入標(biāo)準(zhǔn)審核程序的提議進(jìn)行了投票,多數(shù)人表示贊成。后來,W3C承認(rèn)HTML5是正式標(biāo)準(zhǔn)。HTML5是近10年來Web標(biāo)準(zhǔn)最巨大的飛躍,和以前的版本不同,HTML5并非僅僅用來表示W(wǎng)eb內(nèi)容,它還提供了Canvas、WebGL、Audio、Notifications、LBS、WebSocket、SVG、Storage、Web Workers、IndexDB、FileAPI等重要元素,每個(gè)標(biāo)簽都有其相應(yīng)的開源項(xiàng)目,且可以獨(dú)立成書。HTML5的使命是將Web帶入一個(gè)成熟的應(yīng)用平臺(tái),在這個(gè)平臺(tái)上,視頻、音頻、圖像、動(dòng)畫、存儲(chǔ),以及與計(jì)算機(jī)的交互等都被標(biāo)準(zhǔn)化。如果說AJAX是在拉近Web程序與桌面程序的距離,那么HTML5即將抹去Web程序與桌面程序的差距,沒人能阻止開發(fā)者將桌面程序搬到網(wǎng)頁(yè)里。Web APP的時(shí)代已經(jīng)來臨,HTML5正在重塑一個(gè)嶄新、絢爛的Web世界。
本書使用HTML5的Canvas作為實(shí)驗(yàn)平臺(tái),JavaScript為編程語(yǔ)言,進(jìn)行了大量的粒子實(shí)驗(yàn)、物理實(shí)驗(yàn)、3D實(shí)驗(yàn)、像素實(shí)驗(yàn)和文字實(shí)驗(yàn),然后帶著讀者從實(shí)驗(yàn)走向?qū)崙?zhàn),帶領(lǐng)讀者一步步制作一個(gè)物理引擎,最后帶領(lǐng)讀者制作一款完整的HTML5游戲。
本書介紹的每個(gè)實(shí)驗(yàn)都可以移植為Java、Objective-C、C++或者ActionScript版本,也可以移植到XNA或者Silverlight上,等等。所以本書面向的讀者,不僅僅是前端開發(fā)工程師,也適合游戲開發(fā)人員、大學(xué)生或者高級(jí)美工閱讀。本書同樣適合對(duì)視覺藝術(shù)、計(jì)算機(jī)圖形學(xué)、物理、數(shù)學(xué)(特別是線性代數(shù))感興趣的讀者。本書所有代碼都經(jīng)過嚴(yán)格的測(cè)試和反復(fù)的使用,讀者可以放心使用,如有任何問題及疑問,請(qǐng)郵件聯(lián)系mHTML5@qq.com。
關(guān)于本書代碼及演示
本書是一本以實(shí)踐為目標(biāo)的圖書,包含大量的物理、數(shù)學(xué)和計(jì)算機(jī)圖形學(xué)的集成實(shí)驗(yàn),每個(gè)實(shí)驗(yàn)的設(shè)計(jì)思想以及核心算法均輔以對(duì)應(yīng)的代碼示例。本書不包含任何偽代碼算法描述,全部代碼均采用JavaScript語(yǔ)言加以實(shí)現(xiàn)。
本書代碼提供了理解算法問題所必需的細(xì)節(jié),并輔以大量的分析圖片,展示了解決問題的核心推導(dǎo)步驟,讀者可以在支持HTML5的瀏覽器(如IE9及以上版本、火狐瀏覽器、谷歌瀏覽器、Opera等)中運(yùn)行相關(guān)代碼并查看呈現(xiàn)結(jié)果。讀者也可以改變代碼中的一些核心參數(shù)或者變量的值,然后執(zhí)行代碼,查看其結(jié)果的變化,這對(duì)于不熟悉算法、數(shù)學(xué)思想和調(diào)試的讀者尤為重要。
雖然本書的代碼示例采用的是JavaScript語(yǔ)言,但是需要強(qiáng)調(diào)的是,其他計(jì)算機(jī)語(yǔ)言都可以完成本書介紹的所有實(shí)驗(yàn)。需要注意的是,本書中的示例代碼并非最終版本,雖然所有代碼都經(jīng)過反復(fù)使用和嚴(yán)格測(cè)試,但是不能保證其沒有重構(gòu)的空間,讀者在理解其核心思想和架構(gòu)的基礎(chǔ)上可以自己進(jìn)行相應(yīng)的重構(gòu)。
本書中的所有代碼按照章節(jié)依次分類,可在電子工業(yè)出版社官網(wǎng)(www.phei.com.cn)下載,也可以向編輯索要(yangbo2@phei.com.cn)。書中介紹的每個(gè)實(shí)驗(yàn)都包含一個(gè)或者多個(gè)演示文件,詳細(xì)展示了整個(gè)實(shí)驗(yàn)的制作過程,讓讀者循序漸進(jìn)地理解其算法和思想。讀者可以用各種文本編輯器或者IDE(如notepad、notepad++、Visual Studio、sublime text、aptana studio、Web Developer Express或Expression Web等)打開查看。
作者
2012年4月
- 網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程
- 中文版Flash CC完全自學(xué)教程
- UI動(dòng)效大爆炸:After Effects移動(dòng)UI動(dòng)效制作學(xué)習(xí)手冊(cè)
- HTML5實(shí)驗(yàn)室
- 網(wǎng)頁(yè)設(shè)計(jì)與制作(Dreamweaver CS6)
- JSP動(dòng)態(tài)網(wǎng)站開發(fā)案例指導(dǎo)
- Photoshop電商網(wǎng)頁(yè)廣告設(shè)計(jì)實(shí)戰(zhàn)從入門到精通
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)視頻教程
- Vue應(yīng)用程序開發(fā)
- 從零開始讀懂Web3
- Dreamweaver CS3網(wǎng)頁(yè)制作
- H5頁(yè)面設(shè)計(jì)與制作(全彩慕課版)
- Dreamweaver CS5網(wǎng)頁(yè)制作
- 從缺陷中學(xué)習(xí)C-C++
- 網(wǎng)頁(yè)布局與配色實(shí)戰(zhàn)