跳到正文

HTML5 遊戲是什麼?網頁遊玩的實用解釋

理解 HTML5 遊戲這個統稱,以及畫面、加載、操作和發佈方式之間的區別。技術標籤不等於免費或全設備兼容。

← 全部指南
Tiny Platformer 的真實畫面;作為網頁遊戲示例,不用於推斷其他作品的引擎或性能
Tiny Platformer 的真實畫面;作為網頁遊戲示例,不用於推斷其他作品的引擎或性能. 圖片署名

一種統稱,不是一臺遊戲引擎

HTML5 遊戲通常指使用網頁技術、能在瀏覽器中運行的遊戲。HTML 負責頁面結構,JavaScript 等程序負責行為;實際畫面、聲音和輸入會用到不同的瀏覽器接口。這個稱呼不指向某一個引擎,也不能告訴你作品是否免費。

從玩家角度,最重要的是有可打開的網頁版本,而不是標題裡是否寫著 HTML5。獨立遊戲說的是作品與創作者的背景,網頁遊戲說的是運行平臺;兩者可以重疊,但不能互相替代。

像素畫面和 3D 都可能在網頁裡

Canvas API 可以通過程序繪製圖形,WebGL 支持硬件加速的二維和三維圖形。一個看起來簡單的遊戲不一定採用相同的渲染方式;單看像素風封面,也不能識別它的引擎、運行成本或素材權限。

輸入同樣需要單獨看。網頁可以處理鍵盤、鼠標、觸控或手柄,並不意味著每款作品都實現了這些方式。請以當前版本的操作說明和實際設備測試為準,而不是把瀏覽器具備的能力當成遊戲已提供的功能。

打開網頁後,仍然需要加載

遊戲頁面可能繼續請求程序、圖像、音頻或其他資源。頁面先出現,不代表所有遊戲內容已經準備好;連接質量、資源規模和設備能力都可能影響開始遊玩的等待過程。不能只憑 HTML5 標籤承諾固定啟動時間。

遇到加載問題時,先看頁面自己的錯誤說明,記錄網址、瀏覽器和發生步驟,再向作者反饋。不要隨意安裝陌生插件或把私人憑據發給目錄站。本文不是遠程診斷,也沒有測試你正在嘗試的那一個版本。

標籤之外,讀清當前版本

免費、試玩、賬號要求、觸控和存檔都是遊戲自己的產品決定,不是 HTML5 規範的統一承諾。一個商店可能同時提供瀏覽器試玩與付費桌面版,應當分別判斷,而不是把一個版本的說明套到另一個版本。

PixelGamesHub 的精選頁會提供創作者來源、操作與有範圍的試玩記錄;社區介紹主要來自投稿者。兩類內容的證據不同。看過介紹之後,再去原作者網站確認當前可用的版本、價格和條件。

如果你正在發佈網頁遊戲

引擎導出、託管可玩文件和提交目錄,是三個不同步驟。itch.io 的 HTML5 上傳說明是該平臺自己的託管流程,不能直接作為其他站點的上傳規則;聲稱手機可用之前,也需要測試自己的項目。

PixelGamesHub 接收公開 HTTPS 遊玩地址,不代為託管構建文件或把桌面遊戲轉換為網頁版本。先準備能實際遊玩的地址、真實截圖和當前版本說明,再用經過驗證的賬號提交;投稿不自動獲得編輯推薦。

官方參考資料

資料核對日期: . 封面是保留署名的真實遊戲截圖,不是這篇教程的輸出示例。

現在就試試看

打開詳情頁,看看操作和內容提示,再前往創作者的網站遊玩。

挑款遊戲 瞭解本站如何運作