微軟IE10瀏覽器 指尖觸碰盛放網(wǎng)絡之美
說到“Web之美”,這話題最早可追溯到Internet Explorer 9問世之前,面對 FireFox和Chrome等競爭對手的迅速崛起, 作為微軟瀏覽器產(chǎn)品歷史上的革新巨作,IE9的核心口號就是“Web之美”。
微軟認為,Web頁面雖然早已被人視為和空氣、飲水一樣平凡到不值得特別去注意的事物,但它們在本質(zhì)上是美的。只是Web的美有待發(fā)掘,需要一個合適的平臺,讓Web頁面能夠發(fā)揮自己的特色與優(yōu)勢,從簡單的功能和千篇一律的設計中解放出來,給用戶眼前一亮的感覺。在IE 9正式發(fā)布前,微軟專門開設了一個主題站點,名為“Beauty of the Web”(“Web之美”,www.beautyoftheweb.com),提供IE 9的下載安裝,并展示了HTML5技術和硬件加速結(jié)合所產(chǎn)生的一系列優(yōu)美效果。轉(zhuǎn)眼到了IE 10的時代,微軟雖然沒有重提舊日的口號,卻悄悄將主題站點的內(nèi)容進行了一次大換血。如今再登錄Beauty of the Web,您將看到的是新一代Internet Explorer在技術與美學方面所取得的成果展示。
這其中效果最為出眾的就是游戲界老牌巨頭雅達利(Atari)配合IE 10所開發(fā)的主題站點“雅達利街機房”(Atari Arcade,arcade.atari.com)。憑借HTML5和CSS3技術,雅達利將Lunar Lander、Missile Command、Asteroids、Centipede等8款在80年代風靡全球的街機老游戲搬上了Web平臺,在保留經(jīng)典游戲規(guī)則的同時,又配上當代標準的圖形與聲光效果,“新”與“舊”實現(xiàn)了完美的統(tǒng)一。8款游戲呈街機卡帶的形式堆疊在屏幕左邊,玩家可以通過觸摸屏或鼠標等設備進行上下拖曳選擇,向左右旋轉(zhuǎn)卡帶則能在側(cè)面看到該游戲目前總計進行過的游戲局數(shù)以及目前的全球最高積分。在觸摸屏上輕點幾下,經(jīng)過短暫的讀取,即可進入游戲,無需事先下載任何運行插件。值得一提的是,憑借硬件加速功能,該網(wǎng)站在基于ARM處理器的Windows RT設備上運行情況也頗為不錯。
Atari
“Contre Jour”這個名字對大家來說可能并不陌生。早在幾個月前,該游戲就已經(jīng)出現(xiàn)在蘋果的App Store,最近更是作為Xbox Live游戲登陸Windows Phone Marketplace(鏈接)。“Contre Jour”是法語,意為“逆光”,指迎著強光拍攝、使畫面中的景物只留下黑色輪廓的攝影手法。這款游戲正是大量運用了輪廓與剪影的藝術元素,輔以優(yōu)美的音樂和目前手機平臺上流行的物理游戲規(guī)則,為用戶帶來耳目一新的體驗。美國時間10月9日,在微軟的主持下,Contre Jour的Web版本與全球用戶見面了。新版本以HTML5為技術基礎,幾乎完整復制了該游戲在手機上本地運行的體驗,無論音樂、畫面,還是游戲內(nèi)容,都僅有強化,絕無折扣。目前發(fā)布的Web版本將包括原版游戲的前3章內(nèi)容,外加游戲開發(fā)的幕后故事以及來自開發(fā)團隊的技術分享。與之前同樣被搬上互聯(lián)網(wǎng)的Cut the Rope的Web版本相比,Contre Jour更進一步,圖形和人機交互的方式更加復雜,尤其是觸摸操作的部分。幾個月前,在網(wǎng)頁游戲中完全采用觸摸操作還是一項不可能的任務,但是IE10將不可能變?yōu)榭赡堋那按蠹冶绕错撁驿秩舅俣龋F(xiàn)在各個競爭對手之間的速度差距不過就在幾微秒之間,繼續(xù)糾纏這個已經(jīng)沒有太大意義。對觸摸的支持程度將成為瀏覽器市場的下一個競爭點。好奇的讀者可以訪問www.contrejour.ie親自進行體驗。據(jù)悉,不久之后微軟將發(fā)布該游戲的完全漢化版本。因為Contre Jour的Web版本圖形運算量巨大,且需要用到多點觸摸,推薦大家在配備了IE10瀏覽器的Windows 8觸摸設備上訪問網(wǎng)站,以保證最佳游戲體驗。
Contre Jour
中國著名IT新聞站點cnBeta也為IE 10開發(fā)了專門的全新版本(ie.cnbeta.com)。在這一版本中,cnBeta原本的密集排版風格蕩然無存,一切都采用簡潔大氣的Modern設計風格進行顯示。cnBeta內(nèi)容量非常大,每天更新很頻繁,瀑布流排版可以盡可能多的展現(xiàn)內(nèi)容,另外無限的下拉滾動加載也很好地讓用戶方便查看更多文章。利用HTML5以及CSS3的media query讓整個版面隨著不同的屏幕和分辨率進行自適應,實現(xiàn)跨平臺的支持,這意味著更大的屏幕能看到更多的內(nèi)容,而小屏幕的體驗也有保證。新版網(wǎng)站加強了對觸摸屏設備的支持。輕觸一篇文章,該文章立即在前景中展開,并附帶分享到新浪微博、騰訊微博和人人網(wǎng)的快捷功能。
cnBeta主頁
cnBeta翻頁特效
上述網(wǎng)站的主要技術基礎是HTML5,理論上說在任何一款支持HTML5的瀏覽器中均可實現(xiàn)同樣效果。但IE 10的若干項特性決定了只有該平臺能夠讓新一代的Web完全發(fā)揮出其應有的魅力:
· “沉浸式”體驗。IE 10在上一代的基礎上進一步縮減了自身界面所占用的屏幕像素,將IE窗口及控件所占用的像素數(shù)量縮減到0,也就是說完全沒有邊框、沒有按鈕、沒有輸入欄,這一切默認情況下都被隱藏。整個窗口完全用于展示網(wǎng)頁,上述兩個網(wǎng)站在IE 10中運行的效果仿佛本地安裝的應用,全無約束感。
· 更加強勁的硬件加速功能。無論是復雜的動畫、高清的視頻,還是游戲中真實的物理效果,都由電腦的GPU來分擔計算量。無卡頓、不跳幀地通過網(wǎng)頁來實現(xiàn)本地應用一樣的游戲效果不再是夢想。
· 對HTML5和CSS3等技術的強大支持。許多從前必須依靠Flash甚至Java applet才能夠?qū)崿F(xiàn)的復雜網(wǎng)頁應用,如今只要單純的頁面代碼就足以完美實現(xiàn)。不用再安裝Flash播放器、Java運行環(huán)境等平臺插件。手機、平板電腦、筆記本、桌面PC,同樣的IE 10訪問同樣的頁面,總是得到同樣的效果。
· 完美的觸控支持。IE 10是目前市面上唯一完全支持觸控操作的瀏覽器,而且支持多達10點的多點觸控。作為一款跨越手機(Windows Phone 8)、平板電腦、桌面電腦的瀏覽器,這無疑為開發(fā)者帶來了極大的便利。開發(fā)者現(xiàn)在可以考慮以Web應用的形式推出同時針對所有平臺的游戲和軟件,并且無需擔心平臺限制,隨意為應用添加復雜的觸控手勢支持。開發(fā)者的便利,就是普通用戶的福音。
新一代的IE為Web提供了絕佳的展示平臺,足夠讓Web應用擺脫“二等公民”的標簽,拋開其原本表現(xiàn)力不足的短板,發(fā)揮統(tǒng)一化、跨平臺的優(yōu)勢,與近年來持續(xù)火爆的本地應用程序一爭高下。拘束已經(jīng)不再,Web開發(fā)者們大可以盡情發(fā)揮創(chuàng)意,在瀏覽器中描繪更美好的未來。同時,作為無網(wǎng)不歡的消費者,我們能夠以全新的方式更爽快地享受網(wǎng)絡中創(chuàng)新內(nèi)容的魅力。