來談談HTML5製作的遊戲的使用者體驗吧

再過個月左右,《金色のガッシュベル Golden Memories》就要結束營運了。
就趁這機會,來談HTML5遊戲好了。

眾所周知,Golden Memories是HTML5遊戲,沒有手機APP,完全得靠瀏覽器來玩。好處是不用在乎平台,無論是電腦、平板、手機,只要有瀏覽器(而且不要太舊)就能玩。
但是如果是一般APP就算了,我想談的是對手機使用者而言,這樣製作遊戲是個好的做法嗎?

雖然都是瀏覽器,但手機和電腦是有差的(無論哪款手機;哪款瀏覽器都是,例如同為 Mozilla Firefox,手機上使用和電腦上使用的感覺是有差的)!
最大的差異就是網址列。對手機而言,為了讓網頁內容能夠最大化,網址列會隱藏起來,除非你滑動頁面;電腦沒這需求,所以網址列,除非使用者有特別設定,否則都會一直放在那。

如果是一般網頁,其實這種差異影響度很低,但是對遊戲而言就不同了。
由於智障智慧型手機是用手指操作的,如果因為不小心手指拖曳頁面導致網頁捲動,就會跑出網址列,這絕對影響使用者體驗。
此外,網址列如果不小心點到導致你網頁重整、跳出之類那又更麻煩了。
所以,要設計給手機玩的話,網頁遊戲真的適合嗎?

手機還有一個對遊戲來說是缺點的事,那就是旋轉,要設計給網頁的話,手機要室選轉整個網頁樣式可能會跑掉,就算沒跑掉,還是會有部分內容變成得滾到下方才能看到了……但這很好避免,關閉手機自動旋轉功能即可。

在這不得不提 Ameba 的《ガールフレンド(仮)》、《ボーイフレンド(仮)》等,他們不只有網頁版,還有另外製作一個APP(雖說那個APP也只是一個沒有網址列的瀏覽器罷了),可以避免上述問題。這好像也是以這種方式製作的遊戲最適當的解答吧……

但HTML55也不是完全不行,畢竟這是目前最容易跨平台的製作方式,而且現在HTML5也夠強大,有 Canvas、SVG、Web GL等技術能用,瀏覽器現在也比較不需要考慮瀏覽器差異的問題了(現在年輕人可能不懂,但以前製作網頁,一想到IE就是個痛!不提IE,光是 Firefox 和 Chrome 就有些許顯示差了,更不提還沒使用 Blink 的 Opera 12)。

總的來說,如果只是開發遊戲,HTML5當然是個很好的開發方式。但是如果你的遊戲有設計給手機玩的話,就得好好考慮許多額外問題,或者可以像 Ameba 那樣另外做一個 APP。