HTML5 Canvas基礎(chǔ)教程

定　價：￥49.00

作　者：	（英） Rob Hawkes 著，周廣新，曾少寧，盛海艷等譯
出版社：	人民郵電出版社
叢編項：
標(biāo)　簽：	XML

購買這本書可以去

ISBN：	9787115271013	出版時間：	2012-01-01	包裝：	平裝
開本：	16開	頁數(shù)：	243	字?jǐn)?shù)：

內(nèi)容簡介

　　Canvas是在桌面、平板和手機上開發(fā)跨平臺動畫和游戲的標(biāo)準(zhǔn)解決方案。而且，它還具備對圖像和視頻進(jìn)行像素級操作的能力，這為將來的Web圖形和視頻處理打開了廣闊的空間。學(xué)習(xí)HTML5，必學(xué)Canvas；本書可以為你掌握Canvas開發(fā)打下堅實的基礎(chǔ)。這是一本真正面向初學(xué)者的書。它開篇從HTML5的歷史和JavaScript（以及jQuery）的基本概念講起，即使HTML5和JavaScript新手也可以輕松入門。然后，作者條理清晰、循序漸進(jìn)地介紹了Canvas的各個方面，包括渲染上下文、坐標(biāo)系統(tǒng)、畫布狀態(tài)、變形合成，以及高級的圖像及視頻處理。在此基礎(chǔ)上，本書帶領(lǐng)讀者復(fù)習(xí)了與創(chuàng)建動畫相關(guān)的數(shù)學(xué)和物理知識。最后，通過詳細(xì)分析“太空保齡球”和“躲避小行星”兩款經(jīng)典游戲的構(gòu)思、設(shè)計和編碼，把讀者帶入了HTML5游戲開發(fā)的殿堂。本書作者現(xiàn)任Mozilla技術(shù)布道師，是HTML5開發(fā)領(lǐng)域的明星級人物，被譽為“HTML5的化身”（Person ofHTML5），是名噪一時的“Google彈跳球”圖標(biāo)的HTML5Canvas實現(xiàn)者。它的個人站點擁有非常豐富的資源http：//rawkes.com。亞馬遜讀者對本書的評價頗高，稱其為學(xué)習(xí)Canvas的必讀之作。在本書中，可以學(xué)到：？ HTML5給我們帶來的新特性，以及如何使用它們？ JavaScript的基本編程知識和捕獲用戶輸入？什么是Canvas，為什么要學(xué)習(xí)使用它？如何使用Canvas的基本和高級特性？如何使用Canvas和一點點物理知識創(chuàng)建出逼真的動畫？如何使用Canvas、JavaScript及其他HTML5特性創(chuàng)建交互游戲

作者簡介

　　Rob Hawkes，現(xiàn)任Mozilla技術(shù)布道師，國際知名的HTML5開發(fā)專家，被譽為“HTML5的化身”（Person ofHTML5），是名噪一時的“Google彈跳球”圖標(biāo)的HTML5Canvas實現(xiàn)者。Rob可以說是寫著代碼長大的，他對設(shè)計交互程序如醉如癡，對HTML5及其他Web新技術(shù)有著濃厚的興趣。他曾在伯恩茅斯大學(xué)（BournemouthUniversity）學(xué)習(xí)交互媒體制作（Interactive MediaProduction）。大學(xué)未畢業(yè)，就已經(jīng)獲得了Mozilla公司的工作機會。他經(jīng)?；钴S在HTML5和游戲開發(fā)的各種會議上。要想了解Rob和他經(jīng)常參加的會議，可以訪問他的網(wǎng)站http：//rawkes.com），或者加他的Twitter（@robhawkes）。

圖書目錄

第1章 HTML5簡介　
1.1 HTML簡史　
1.2 為什么需要HTML5　
1.2.1 問題　
1.2.2 解決問題　
1.3 HTML5的新特性　
1.3.1 結(jié)構(gòu)和內(nèi)容元素　
1.3.2 表單　
1.3.3 媒體元素　
1.4 剖析HTML5頁面的結(jié)構(gòu)　
1.5 對HTML5的誤解　
1.5.1 CSS3誤解　
1.5.2 Web Fonts誤解　
1.5.3 Geolocation誤解　
1.5.4 SVG誤解　
1.5.5 Web Storage誤解　
1.5.6 Web Workers誤解　
1.5.7 WebSocket誤解　
1.6 小結(jié)　
第2章 JavaScript基礎(chǔ)　
2.1 JavaScript概述　
2.2 jQuery　
2.2.1 jQuery是什么　
2.2.2 為什么要使用它　
2.2.3 這是在誤導(dǎo)你嗎　
2.2.4 是否不需要理解純JavaScript　
2.2.5 如何使用jQuery　
2.3 在HTML頁面上添加JavaScript　
2.4 在頁面加載之后運行JavaScript　
2.4.1 錯誤的方法(window.onload事件)　
2.4.2 冗長的方法(DOM)　
2.4.3 簡單的方法(jQuery方法)　
2.5 變量與數(shù)據(jù)類型　
2.5.1 變量　
2.5.2 數(shù)據(jù)類型　
2.6 條件語句　
2.6.1 if語句　
2.6.2 比較運算符　
2.6.3 在if語句中進(jìn)行多重布爾值檢查　
2.6.4 else和else if語句　
2.7 函數(shù)　
2.7.1 創(chuàng)建函數(shù)　
2.7.2 調(diào)用函數(shù)　
2.8 對象　
2.8.1 什么是對象　
2.8.2 創(chuàng)建和使用對象　
2.9 數(shù)組　
2.9.1 創(chuàng)建數(shù)組　
2.9.2 訪問和修改數(shù)組　
2.10 循環(huán)　
2.11 定時器　
2.11.1 設(shè)置一次性定時器　
2.11.2 取消一次性定時器　
2.11.3 設(shè)置重復(fù)定時器　
2.11.4 取消重復(fù)定時器　
2.12 DOM　
2.12.1 HTML網(wǎng)頁示例　
2.12.2 使用純JavaScript訪問DOM　
2.12.3 使用jQuery訪問DOM　
2.12.4 操作DOM　
2.13 小結(jié)　
第3章 Canvas基礎(chǔ)知識　
3.1 認(rèn)識canvas元素　
3.2 2D渲染上下文　
3.2.1 坐標(biāo)系統(tǒng)　
3.2.2 訪問2D渲染上下文　
3.3 繪制基本圖形和線條　
3.3.1 線條　
3.3.2 圓形　
3.4 樣式　
3.5 繪制文本　
3.6 擦除Canvas　
3.7 使Canvas填滿瀏覽器窗口　
3.8 小結(jié)　
第4章 Canvas高級功能　
4.1 保存和恢復(fù)繪圖狀態(tài)　
4.1.1 畫布繪圖狀態(tài)是什么　
4.1.2 保存繪圖狀態(tài)　
4.1.3 恢復(fù)繪圖狀態(tài)　
4.1.4 保存和恢復(fù)多個繪圖狀態(tài)　
4.2 變形　
4.2.1 平移　
4.2.2 縮放　
4.2.3 旋轉(zhuǎn)　
4.2.4 變換矩陣　
4.3 合成　
4.3.1 全局阿爾法值　
4.3.2 合成操作　
4.4 陰影　
4.5 漸變　
4.6 復(fù)雜路徑　
4.7 將畫布導(dǎo)出為圖像　
4.8 小結(jié)　
第5章處理圖像和視頻　
5.1 加載圖像　
5.2 調(diào)整和裁剪圖像　
5.2.1 調(diào)整圖像大小　
5.2.2 裁剪圖像　
5.2.3 陰影　
5.3 圖像變形　
5.3.1 平移　
5.3.2 旋轉(zhuǎn)　
5.3.3 縮放與翻轉(zhuǎn)　
5.4 訪問像素值　
5.5 從零繪制圖像　
5.5.1 隨機繪制像素　
5.5.2 創(chuàng)建馬賽克效果　
5.6 基本圖像效果　
5.6.1 反轉(zhuǎn)顏色　
5.6.2 灰度　
5.6.3 像素化　
5.7 視頻處理　
5.7.1 創(chuàng)建HTML5video元素　
5.7.2 使用HTML5video API　
5.7.3 設(shè)置畫布　
5.8 小結(jié)　
第6章制作動畫　
6.1 畫布中的動畫　
6.2 創(chuàng)建動畫循環(huán)　
6.2.1 循環(huán)　
6.2.2 更新、清除、繪制　
6.3 記憶要繪制的形狀　
6.3.1 錯誤的方法　
6.3.2 正確的方法　
6.3.3 隨機產(chǎn)生形狀　
6.4 改變方向　
6.5 圓周運動　
6.5.1 三角函數(shù)　
6.5.2 綜合運用　
6.6 反彈　
6.7 小結(jié)　
第7章實現(xiàn)高級動畫　
7.1 物理常識　
7.1.1 什么是物理學(xué)　
7.1.2 物理學(xué)對創(chuàng)建動畫有何作用　
7.1.3 基本概念　
7.1.4 牛頓運動定律　
7.2 運用物理知識創(chuàng)建動畫　
7.2.1 準(zhǔn)備工作　
7.2.2 速度　
7.2.3 添加邊界　
7.2.4 加速度　
7.2.5 摩擦力　
7.3 碰撞檢測　
7.3.1 碰撞檢測　
7.3.2 彈開物體　
7.3.3 動量守恒　
7.4 小結(jié)　
第8章太空保齡球游戲　
8.1 游戲概述　
8.2 核心功能　
8.2.1 構(gòu)建HTML代碼　
8.2.2 美化界面　
8.2.3 編寫JavaScript代碼　
8.3 激活用戶界面　
8.4 創(chuàng)建游戲?qū)ο蟆?br /> 8.4.1 創(chuàng)建平臺　
8.4.2 創(chuàng)建小行星　
8.4.3 創(chuàng)建玩家使用的小行星　
8.4.4 更新UI　
8.5 讓對象運動起來　
8.6 檢測用戶交互　
8.6.1 建立事件監(jiān)聽器　
8.6.2 選中玩家使用的小行星　
8.6.3 增加力度　
8.6.4 讓玩家使用的小行星動起來　
8.6.5 可視化用戶輸入　
8.7 重置player　
8.8 玩家獲勝　
8.8.1 更新分?jǐn)?shù)　
8.8.2 從平臺上刪除小行星　
8.9 小結(jié)　
第9章躲避小行星游戲　
9.1 游戲概述　
9.2 核心功能　
9.2.1 創(chuàng)建HTML 代碼　
9.2.2 美化界面　
9.2.3 編寫JavaScript代碼　
9.3 創(chuàng)建游戲?qū)ο蟆?br /> 9.3.1 創(chuàng)建小行星　
9.3.2 創(chuàng)建玩家使用的火箭　
9.4 檢測鍵盤輸入　
9.4.1 鍵值　
9.4.2 鍵盤事件　
9.5 讓對象運動起來　
9.6 假造橫向卷軸效果　
9.6.1 循環(huán)利用小行星　
9.6.2 添加邊界　
9.6.3 讓玩家保持連續(xù)移動　
9.7 添加聲音　
9.8 結(jié)束游戲　
9.8.1 計分系統(tǒng)　
9.8.2 殺死玩家　
9.9 增加游戲難度　
9.10 小結(jié)　
第10章未來的Canvas　
10.1 Canvas與SVG　
10.1.1 可訪問性　
10.1.2 位圖與矢量圖　
10.2 Canvas與Flash　
10.2.1 JavaScript開發(fā)人員可以借鑒Flash　
10.2.2 Canvas沒有像Flash那樣用戶友好的編輯器　
10.3 Canvas與性能　
10.4 Canvas游戲和動畫庫　
10.5 三維圖形　
10.6 與外圍設(shè)備交互　
10.7 用WebSocket技術(shù)構(gòu)建多人游戲　
10.8 靈感　
10.8.1 Sketch Out游戲　
10.8.2 Z-Type游戲　
10.8.3 Sinuous游戲　
10.9 小結(jié)和結(jié)束語