網頁遊戲基礎

HTML 負責結構、CSS 負責樣式、JavaScript 負責互動。卡牌、問答、選單適合 HTML/CSS；精靈圖與粒子適合 Canvas 2D；3D 和複雜繪製適合 WebGL。選能支援點子的簡單方案。

連續動畫使用 requestAnimationFrame，依經過時間更新：

let previousTime;
 
function frame(time) {
  const delta = previousTime === undefined
    ? 0
    : Math.min((time - previousTime) / 1000, 0.05);
 
  previousTime = time;
  update(delta);
  draw();
  requestAnimationFrame(frame);
}
 
requestAnimationFrame(frame);

update 與 draw 由遊戲提供。時間上限可減少背景分頁恢復時的跳動，但不是完整的計時模型。

觸控目標要好點擊，適度支援鍵盤，別讓關鍵操作依賴懸停。提早測試直向與橫向、優先載入首個場景、壓縮圖片、妥善使用音效並提供載入回饋。接著看專案結構。