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