【專欄】淺談 HTML5 跨平台遊戲的優劣勢

(GNN 記者 Jerry 報導) 2016-10-03 17:10:49

  自從蘋果教主賈柏斯六年前登高一呼,表示對於 HTML5 網頁技術的前景相當看好後,Adobe 旗下的 Flash 陣營便節節開始敗退,在遊戲部分近幾年更可以看到許多廠商大聲疾呼 HTML5 遊戲即將佔有一席之地!較為有趣的嘗試如 Facebook 因應 NCAA 比賽而打造的聊天室籃球小遊戲,相信也有不少玩家曾經挖出這個彩蛋,與好友一起 PK 誰的分數比較高。
 
  • image

只要在 Facebook 的通訊軟體輸入籃球符號,就可以開始跟朋友 PK 投籃遊戲

HTML5 究竟是什麼?

 
  HTML5 是 HTML 最新的修訂版本,實際指的是包括 HTML、CSS 和 JavaScript 在內的一套技術組合,能夠減少網頁瀏覽器對於外掛程式的依賴。使用 HTML5 打造的遊戲,可通吃 PC、Mac、iPhone、iPad、Android、Windows Phone 等主流平台,玩家出外可以透過手機開啟遊戲,回家則可打開電腦上的網頁瀏覽器繼續暢玩。
 
  • image

    碧藍幻想也是利用 HTML 5 開發的著名遊戲之一

  • image
  • image

中國許多廠商近年來非常致力地透過各平台或通訊軟體推動 HTML5 遊戲
(左為《傳奇世界》,右為《我叫 MT》)

HTML5 遊戲的優勢

 
  對於玩家來說,HTML5 遊戲最吸引人的地方就在於不用下載檔案,只要進入正確的頁面就可開始遊玩,這點對於時間零碎,或是手機空間不夠的玩家來說,可說是非常具有吸引力的一點!此外,這點對於開發者來說,也代表著不需要再去在意螢幕碎片化的問題。
 
  • image

    螢幕碎片化意指開發者必須去因應各廠商推出不同手機大小的螢幕去進行最佳化

  再來,如 Cocos、Construct 2、白鷺引擎等跨平台遊戲開發工具也發展的相當成熟,網路上的參考說明文件也非常豐富,開發者們可以藉此快速地利用現有的網頁引擎製作出各種遊戲雛形。
 
  • image
 
  此外近年來得力於 WebGL 技術的逐漸成熟,以及各大瀏覽器廠商對於此項技術的推動與標準制定,也讓 HTML5 遊戲得以透過網頁呈現出高品質 3D 畫面。
 
※ WebGL 是一項利用 JavaScript API 渲染互動式 3D 電腦圖形和 2D 圖形的技術,可相容任何的網頁瀏覽器,無需加裝外掛程式。
 
  • image

    Ubisoft 推出的《刺客教條:海戰傳奇》,讓玩家直接在網頁上遊玩 3D 遊戲(※ 體驗連結

HTML5 遊戲的劣勢

 
  HTML5 遊戲儘管有著許多方便的優點,但目前仍無法成為市場上主流的遊戲類型,原因可大致上分為以下幾點:
 
1. 手機處理效能待加強,在運行順暢的前提下僅能製作相對簡單的遊戲
2. 所有資料都需從伺服器呼叫過來,需要較長的讀取時間
3. 儘管可透過 WebGL 運作 3D 遊戲,但規格仍未臻成熟
4. 缺乏大型平台匯聚人流
 
  樂觀來說的話,以上 1 到 3 點都可以逐年隨著硬體技術及手機裝置的發展成熟,而逐漸克服。但第四點關於平台的部份,則牽涉到了許多利弊問題。
 
  少了平台的限制的話,各家廠商所打造的 HTML5 遊戲可以不受題材的限制,金流部分可以針對玩家更方便的設置不同的管道,遊戲更新也不再需要平台的審核,可以隨時因應狀況調整。但少了平台的挹注,要導入玩家的代價也會變得非常高昂!所以以現在的狀況來說,許多廠商還是積極尋求機會與平台商合作,例如 Yahoo 的 HTML5 遊戲平台「Y5 Game」便是一例。
 
  • image
 

各家廠商對於 HTML5 領域的布局

 
  在 HTML5 這塊領域,其實騰訊與 Apple 這些世界級的公司,也早已做出了許多布局。
 
  騰訊旗下通訊軟體《微信》在中國接入的服務包山包海,2014 年時推出的網頁遊戲《圍住神經貓》可說是最佳案例,透過社群平台快速達成病毒式傳播的效果,兩天內的遊玩次數就突破了上千萬。近日推出的「小程序」服務,同樣也是利用 HTML5 技術,來讓玩家關注廠商帳號時,能夠得到原生 App 般的功能與服務,可惜的是這部份目前暫不支援遊戲內容。
 
  • image
 
  此外,許多人可能不知道 Apple 近期最新上線的 iOS 10 系統中,則悄悄地推出針對通訊軟體《iMessenger 》所打造的應用程式商店。
 
  • image
  
  據了解,這個應用程式商店已上架近 2000 款應用服務,其中也包含了許多網頁遊戲。
 
  • image

以後可以邊聊天,邊下西洋棋了

  雖然這些 App 需要下載少量的檔案至手機,但他們的本質均是 Web App,只是經過了平台的調整,使玩家可以得到近似原生 App 的體驗。
 

總結

 
  綜合以上資訊,筆者認為 HTML5 遊戲要取代現在的原生 App 成為主流,應該還有一段路要走,至少在技術與裝置等級這部份,目前的市場仍未完全成熟。但在這幾年間,玩家應該可以陸續觀察到各大廠商的平台布局,畢竟目前 App Store 與 Google Play 已殺成一片紅海,誰能掌握到下一個先機,就能掌握到這個生態系蓬勃發展所帶來的利益。
 
  最後,不論遊戲會往哪一個趨勢去發展,相信受益的永遠是所有的玩家!未來或許也會有那麼一天,玩家可以更方便、自由、不受限地在各種裝置間,無縫體驗更高品質的遊戲內容。

 

標籤:

#html5 #專欄

載入中...

延伸報導

【書訊】尖端 11 月新書《浴缸生活》《holo 英語聽力學習》等作
動漫 | 電玩相關動漫畫
20
KAKAO WEBTOON 正式宣布 2025 年結束台灣區服務 官方公開退款流程與相關時間表
產業 | 電玩相關動漫畫
40
YOASOBI「超現實」亞巡台北場公開售票資訊 將全面採用實名登記抽選
人物 | 電玩相關動漫畫
97
因應 2025 年禧年與大阪萬博會到來 梵諦岡推出吉祥物「Luce」
人物 | 電玩相關動漫畫
72
【書訊】台灣角川 11 月新書《CLAMP PREMIUM COLLECTION X》等作
動漫 | 電玩相關動漫畫
10
【專欄】想進遊戲業?你那邊還來得及!給大學生的行前準備建議(中)
其他 | 電玩相關動漫畫
79
【專欄】想進遊戲業?你那邊還來得及!給大學生的行前準備建議(上)
其他 | 電玩相關動漫畫
91
【專欄】想進遊戲業?你那邊還來得及!給大學生的行前準備建議(下)
其他 | 電玩相關動漫畫
74
《轉生成蜘蛛又怎樣!迷宮的支配者》預定 10 月 23 日上線
WEB | 轉生成蜘蛛又怎樣!迷宮的支配者
18
《咕嚕咕嚕魔法陣 星塵大冒險》x TV 動畫「鹿乃子乃子乃子」聯動活動確認
WEB | 咕嚕咕嚕魔法陣 星塵大冒險 Html5
1
《女王之刃 Limit Break》確定與「魔域幽靈」展開合作 莫莉卡等三名角色參戰
WEB | 女王之刃 Limit Break
4
迷宮探險 RPG《轉生成蜘蛛又怎樣!迷宮的支配者》實施先行遊玩特別活動
WEB | 轉生成蜘蛛又怎樣!迷宮的支配者
4
【專欄】我已經準備 xx 萬來儲值了!淺談遊戲業的 LTV 指標
多平台 | 電玩相關動漫畫
125
【專欄】淺談製作遊戲最重要的開發工具「遊戲引擎」
多平台 | 像素戰機
43
《月光下的異世界之旅 天下太平旅日記》x《非自願的不死冒險者》進行合作
WEB | 月光下的異世界之旅 天下太平旅日記
3
【專欄】淺談遊戲產業智慧財產權管理心法
手機 | 手機遊戲與行動遊戲討論區
195
【專欄】從台灣遊戲產業現況論留存率的實踐與限制
多平台 | 電玩相關動漫畫
109
【專欄】遊戲當中的性別表現變成什麼模樣?從創角來看多樣性的現況
花絮 | 歷史與沿革
147
【專欄】遊戲業關於「留存率」的那些事兒
手機 | 電玩相關動漫畫
74
《月光下的異世界之旅 天下太平旅日記》與《精靈幻想記》展開合作 將推出限定插畫
WEB | 月光下的異世界之旅 天下太平旅日記
2