免费亚洲欧美精品电影_国内精品偷拍福利视频_美女黄网站色视免费国产_国产不卡福利片在线观看

　　WebGL

　　WebGL是一種基于Web的Graphic庫(kù)，由非盈利組織Khronos運(yùn)營(yíng),目前結(jié)合HTML5元素廣泛應(yīng)用在3D圖形開(kāi)發(fā)中。

　　學(xué)習(xí)WebGL比較困難，因?yàn)樗堑讓娱_(kāi)發(fā)——它運(yùn)行在GPU上面，而且它實(shí)際上是一個(gè)OpenGL的JavaScript port，是一種游戲開(kāi)發(fā)者使用的已經(jīng)長(zhǎng)期建立的API集。WebGL的主要受眾是哪些已經(jīng)擁有豐富OpenGL經(jīng)驗(yàn)的游戲開(kāi)發(fā)者，他們可以通過(guò)WebGL為web平臺(tái)編寫(xiě)游戲。

　　好在有很多資源可以幫助您學(xué)習(xí)WebGL，這些資源不僅僅是關(guān)于游戲開(kāi)發(fā)的，還有很多奇幻的圖形、視覺(jué)和音樂(lè)視頻等方面。作者個(gè)人比較推薦的是：

　　WebGL目前在所有桌面瀏覽器（發(fā)布版和開(kāi)發(fā)頻道）中都支持，除了IE10（微軟表示不支持）。對(duì)于移動(dòng)產(chǎn)品來(lái)說(shuō)，已經(jīng)在Opera Mobile 12中發(fā)布了，最終會(huì)出現(xiàn)在Android，BlackBerry Playbook 2.0，Nokia N900，SonyEricsson Xpertia Android Phones等以及Firefox移動(dòng)瀏覽器中。

　　SVG

　　SVG（Scalable Vector Graphics）已經(jīng)在Opera，F(xiàn)irefox，Chrome中存在多年了，但是直到IE9開(kāi)始支持它之后才漸漸變得主流一些它在HTML5的光環(huán)下顯得有點(diǎn)暗淡，盡管SVG和HTML5是面向不用應(yīng)用的不同工具。

　　Canvas2D可以迅速paint圖形到屏幕上面，這一點(diǎn)很犀利。但是其全部功能就是paint了，沒(méi)有內(nèi)存來(lái)做那些（位置，頂層或其他）其他功能。如果您需要那種book-keeping工作，就只能自己用JavaScript實(shí)現(xiàn)，因?yàn)镃anvas2D不會(huì)把DOM保存到內(nèi)存中，也正因?yàn)槿绱薈anvas2D速度快，十分適合第一人稱(chēng)射擊類(lèi)應(yīng)用。

　　與Canvas2D不同，SVG在您需要保存DOM的時(shí)候就給力了。使用JavaScript，所有的Objects都可以移動(dòng)并且與動(dòng)畫(huà)無(wú)關(guān)。您可以試試Daniel Davis做的復(fù)古類(lèi)SVG游戲Inbox Attack（http://people.opera.com/danield/svg/inbox-attack.svg）來(lái)體驗(yàn)一下，并且看看源代碼來(lái)了解如何完成動(dòng)畫(huà)效果。

　　因?yàn)閟hape和path是用Markup來(lái)描述的，所以他們可以用CSS來(lái)定型。與不同，text在SVG中保持text格式并且更加的靈活，更加可擴(kuò)展，更加易于訪問(wèn)。在Canvas中，text變成了像素，就像Photoshop中的圖形text。

　　SVG最強(qiáng)大的特性是它基于矢量，這樣您的插圖，圖形和UI圖標(biāo)等都是矢量圖了，這樣無(wú)論是在50英寸的電視屏還是手機(jī)屏幕桌面上，看上去感覺(jué)都是一樣的清晰。在當(dāng)今這樣一個(gè)web應(yīng)用無(wú)處不在的時(shí)代，SVG圖形甚至可以包括媒體查詢(xún)，可以是響應(yīng)式的，可以根據(jù)不同的目標(biāo)設(shè)備做尺寸的調(diào)整。

　　綜上所述，在最新的桌面瀏覽器中SVG已經(jīng)能被廣泛支持了。在移動(dòng)產(chǎn)品方面的支持總體上來(lái)說(shuō)也很好，以及預(yù)期在Android 3.0版本之前原生瀏覽器也會(huì)支持它了。

　　getUserMedia

　　不像那些被錯(cuò)誤地稱(chēng)為HTML5的API，getUserMeida（在下文中簡(jiǎn)寫(xiě)為gUM）有個(gè)相對(duì)正當(dāng)?shù)睦碛桑浩鸪跛荋TML5元素，之后它改名了然后離開(kāi)了W3C WebRTC規(guī)范集合。

　　gUM允許訪問(wèn)用戶(hù)的攝像頭和麥克風(fēng)，本來(lái)是在WebRTC規(guī)范中在瀏覽器中進(jìn)行P2P視頻會(huì)議的，當(dāng)gUM擁有了其他的用途，就離開(kāi)了WebRTC。

　　攝像頭的訪問(wèn)最終在Opera12安卓版，Opera桌面實(shí)驗(yàn)室和Google Chrome Canary里面實(shí)現(xiàn)了，不過(guò)Opera和Chrome都還沒(méi)有實(shí)現(xiàn)麥克風(fēng)的接入。

　　W3C規(guī)范依然在用，所以O(shè)pera和Webkit有不同的語(yǔ)法規(guī)范，這樣的麻煩被一個(gè)叫做The gUM Shield,的小JavaScript片段搞定了。如果您想更深入地了解這方面請(qǐng)看作者的另一篇文章：It’s Curtains for Marital Strife Thanks to getUserMedia

　　當(dāng)視頻從設(shè)備開(kāi)始流傳輸?shù)臅r(shí)候，源數(shù)據(jù)可以被做成變成了元素，如果需要的話還可以被定為到屏幕外面，然后拷貝到里面進(jìn)行所需要的操作。Paul Neave寫(xiě)的《HTML5變成玩具！》（http://neave.com/webcam/html5/）為了方便操作把流媒體數(shù)據(jù)拷貝到WebGL中。作者在.net雜志的226話有采訪他的報(bào)導(dǎo)。

　　如果想把web app的功能做得像native app，gUM需要做很多的工作。試了一下Neaver的gum和WebGL在Opera Mobile 12上面的demo，感覺(jué)和平臺(tái)獨(dú)有的app一樣富有響應(yīng)式并且很時(shí)髦。當(dāng)在瀏覽器產(chǎn)品中其功能被廣泛應(yīng)用的時(shí)候，作者語(yǔ)言會(huì)有很多基于web的QR代碼閱讀者以及很多增強(qiáng)現(xiàn)實(shí)的應(yīng)用。

　　File APIs

　　W3C File APIs允許JavaScript訪問(wèn)本地文件，其中最常用的API是FileReader，可以從Opera，F(xiàn)ireFox，IE10平臺(tái)等的預(yù)覽版看到（不包括Safari）。

　　這一份W3C規(guī)范“為了在web應(yīng)用中提供API來(lái)代表文件對(duì)象，以及編程選擇和訪問(wèn)數(shù)據(jù)”。例如：你可以上傳文件到瀏覽器中，并本地查找相關(guān)信息（例如文件名，尺寸，類(lèi)型）而不需要到服務(wù)器端。您也可以打開(kāi)文件，操作內(nèi)容，這樣可以加強(qiáng)基于瀏覽器的應(yīng)用的交互性，用起來(lái)更像是本地應(yīng)用。

　　另一個(gè)常用的用途是使傳統(tǒng)的圖像上傳兌換狂更具有Web2.0特色：通過(guò)允許在瀏覽器內(nèi)部的Drag and Drop，而不是本地文件系統(tǒng)中改變。

　　您可以通過(guò)使用一個(gè)普通的開(kāi)始，然后循序漸進(jìn)地提高。HTML5 Drag&Drop支持特征檢測(cè)，如果存在的話就使用

　　替換，那就是您的drag圖像目標(biāo)了。當(dāng)圖像被drag到目標(biāo)的時(shí)候，使用File Reader API來(lái)顯示一個(gè)指甲蓋大小的圖像。您可以看一下Remy Sharp的demo。

　　Feature-detecting,progressive enhancement and upgrade messages（特征檢測(cè)，漸進(jìn)式增強(qiáng)和消息通知）

　　誠(chéng)然，在沒(méi)有那些奇幻的API的時(shí)候，大家總是試圖使用漸進(jìn)式增強(qiáng)和HTML語(yǔ)義的方法讓網(wǎng)站照常工作。然而有時(shí)候卻不能這樣，例如Paul Neaver的《HTML5變成玩具》中，如果gUM和WebGL現(xiàn)在不存在的話，其網(wǎng)站不能有什么補(bǔ)救措施了，整個(gè)網(wǎng)站的核心都沒(méi)了。

　　在這樣的情況下有兩種典型的慣例：要么是顯示一條消息說(shuō)“你的瀏覽器太垃圾了，塞油哪啦”或者說(shuō)“你必須用Chrome6/Firefox 4/Opera10等[插入能支持你應(yīng)用的瀏覽器]才能訪問(wèn)”。第一種方法又沒(méi)用又粗魯，沒(méi)有建議和補(bǔ)救措施；第二種方法是個(gè)臨時(shí)辦法，因?yàn)榱鶄€(gè)月之內(nèi)所有瀏覽器可能都能支持你現(xiàn)在使用的技術(shù)了，讓你在網(wǎng)站上留下的信息過(guò)時(shí)：例如您寫(xiě)的解決方案是建議使用Firefox4來(lái)訪問(wèn)，可是半年后用戶(hù)安裝著Firefox7回來(lái)訪問(wèn)你的頁(yè)面了，這可就真的沒(méi)救了。

　　HTML5 Please API把開(kāi)發(fā)人員的語(yǔ)言（和特性）翻譯成用戶(hù)能理解的語(yǔ)言（瀏覽器）。通過(guò)調(diào)用這個(gè)API你就可以得到一些HTML返回值來(lái)告訴訪問(wèn)者，或者返回一個(gè)帶有相關(guān)數(shù)據(jù)的JSON對(duì)象（包括瀏覽器Logo及下載介紹等信息）。這樣您可以根據(jù)不同的客戶(hù)來(lái)顯示不同的補(bǔ)救信息了。

　　結(jié)束語(yǔ)：

　　正如您所看到的，大量的令人驚喜的新技術(shù)正在接踵而至，您著手研究上述某項(xiàng)技術(shù)的時(shí)候恐怕又要擔(dān)心更新鮮的技術(shù)到來(lái)了吧。希望您開(kāi)發(fā)得愉快，請(qǐng)記得讓您所開(kāi)發(fā)的應(yīng)用在盡可能多的瀏覽器上面測(cè)試一下。

　　杭州網(wǎng)站建設(shè)更多：談?wù)凥TML5最突出的特性與功能