SANCTUARY: Iovela 是一款直接在網頁瀏覽器中執行的免費哥德風動作亂鬥遊戲。你將扮演 Iovela,守護聖所大門、抵擋一波接一波的不死生物:用綁著鐵鍊的沉重鐵鐘把敵人轟飛,再把佈滿陷阱的大教堂變成對付它們的武器。遊戲由開發者 Nully 以 Phaser 4 和 Three.js 打造,是少數用網頁技術做出 3D 質感完整動作遊戲的例子。
| 遊戲速覽 | |
|---|---|
| 遊戲 | SANCTUARY: Iovela |
| 類型 | 哥德風第三人稱動作亂鬥 |
| 開發者 | Nully |
| 技術 | Phaser 4 + Three.js(網頁) |
| 價格 | 免費遊玩 |
| 在哪裡玩 | 用瀏覽器開啟 SANCTUARY: Iovela 官方網站;本作也已獲准在 2026 年萬聖節前後於 CrazyGames 上架 |
| 操作方式 | 鍵盤滑鼠,支援手把 |
| 模式 | 10 回合劇情模式(Story)、New Game+、生存模式(Survival) |

SANCTUARY: Iovela 是什麼樣的遊戲?
你可以把它想成帶有塔防元素的小型競技場亂鬥遊戲。每一回合,不死生物都會湧向聖所大門,而你的任務就是把它們擋在門外。你以 Iovela 的身分近身肉搏,但真正的王牌是 Sanctuary Bell(聖所之鐘)——一顆沉重的鐵球,可以拖著它橫掃敵群,也能把它朝來犯的敵人砸過去。
回合之間,你可以擺放並升級陷阱;戰鬥中,則要抓準時機啟動它們。骷髏會帶著布偶物理效果被打飛,陽台會被砸垮,留下的瓦礫還會改變敵人穿越大廳的路線。所以在這款遊戲裡,走位和時機跟手速一樣重要。

操作按鍵
預設是經典的第三人稱操作配置。所有鍵盤和滑鼠按鍵都能在設定(Options)中自訂,也支援手把。
| 動作 | 預設按鍵 |
|---|---|
| 移動 | W A S D |
| 轉動視角 | 滑鼠 |
| 攻擊 | 滑鼠左鍵 |
| 拴住聖所之鐘(Tether) | 按住滑鼠右鍵 |
| 鎖定敵人 | Q |
| 啟動選取的陷阱 | E |
聖所之鐘:你的主力武器
正是這口鐘,讓 SANCTUARY: Iovela 跟其他網頁亂鬥遊戲有了明顯區別。基本用法有以下幾種:
- 拖行。 拖著沉重的鐵球掃過敵群,把它們撞倒。
- 擲出。 把它砸向離大門太近的單一敵人。
- 拴住。 按住滑鼠右鍵就能拴住巨鐘。拴住時,蓄力攻擊會變成 Bell pulse(鐘聲衝擊波)。

因為鐵鐘很重,最強的用法是預判敵群等一下會在哪裡,而不是追著它們現在的位置打。這也正是它跟陷阱系統搭配的關鍵。
大教堂裡的陷阱與連段
陷阱在回合之間擺放和升級,戰鬥中按 E 啟動。真正好玩的地方,是把陷阱跟鐵鐘串成連段。開發者特別介紹了兩種組合:
- 地板彈射器(floor kicker) 可以把敵人踢進 擺盪撞鎚(swinging ram)。
- 魚叉(harpoon) 可以把敵人定在原地,讓你穩穩補上一記鐘擊。
預告片裡還能看到磁力地板陷阱,以及前後來回衝撞的攻城鎚陷阱,所以隨著進度推進,能用的道具不只這兩種。

別忘了房間本身也會改變。摧毀陽台會留下瓦礫,瓦礫則會改變敵人穿越大廳的路線。第二回合擺得剛剛好的陷阱,到後面可能就被晾在死角了。
模式:劇情、New Game+ 與生存
| 模式 | 玩法 | 適合 |
|---|---|---|
| 劇情模式(Story) | 10 回合的聖所防守戰役 | 熟悉鐵鐘、陷阱和 Boss |
| New Game+ | 破關後重玩戰役 | 想挑戰更難二週目的玩家 |
| 生存模式(Survival) | 一邊守門一邊迎戰無止盡的敵潮 | 衝高分 |
預告片中出現了名為 The Inquisitor 的 Boss,還有一個「回顧(Flashback)」重播畫面,能從多個鏡頭角度回味關鍵時刻,以網頁遊戲來說相當用心。

守得更久的新手技巧
以下技巧來自遊戲系統本身的運作方式,所以每種模式都適用:
- 先學會拴鐘。 按住滑鼠右鍵並蓄力打出鐘聲衝擊波,是你最好用的清怪手段。在劇情模式的前幾回合多練幾次。
- 陷阱放在敵人的路線上,不要放在大門旁。 陷阱在敵人成群經過的地方最有效,陷阱漏掉的再交給鐵鐘收拾。
- 佈置連段,而不是零散的陷阱。 在地板彈射器旁邊配一個擺盪撞鎚,或在你習慣甩鐘的位置放一支魚叉,都比把陷阱灑得到處都是更划算。
- Boss 戰用 Q 鎖定。 鎖定後鏡頭會一直對準危險目標,讓你專心閃避。
- 注意瓦礫。 陽台垮掉後,觀察敵人有沒有改走新路線,並在回合之間調整陷阱位置。
- 手不舒服就改鍵。 所有滑鼠和鍵盤按鍵都能在設定中修改,也可以直接用手把。

網頁遊戲開發者可以學到什麼
SANCTUARY: Iovela 被列在官方 Phaser 4 頁面 上,是以 Phaser 4 和 Three.js 開發的遊戲範例。對開發者來說,這才是最有意思的地方:
- 混用引擎完全沒問題。 Phaser 很擅長處理遊戲架構、輸入、UI 和 2D 圖層,而 Three.js 是製作 3D 場景的常見選擇。兩者並用,小團隊就能替每項工作挑選最適合的工具。
- Phaser 4 為更重度的畫面而設計。 Phaser 團隊介紹了全新的算圖器、統一的濾鏡系統(光暈、發光、模糊、調色等)和簡易光照,同時 API 仍與 Phaser 3 相近,並提供移轉指南。
- 網頁遊戲也能放進「家用主機級」的設計。 多角度重播、可自訂按鍵和手把支援,都能讓網頁遊戲顯得更完整。
如果你準備開始一個 Phaser 專案,在把 Phaser 3 遊戲移轉到第 4 版之前,請先看過官方的移轉說明。
常見問題
SANCTUARY: Iovela 免費嗎?
免費。直接在瀏覽器就能玩,不用下載。
SANCTUARY: Iovela 是誰做的?
由開發者 Nully 使用 Phaser 4 和 Three.js 製作。
SANCTUARY: Iovela 要怎麼操作?
WASD 移動,滑鼠轉動視角,左鍵攻擊,按住右鍵拴住鐵鐘,Q 鎖定,E 啟動選取的陷阱。所有按鍵都能在設定中修改。
SANCTUARY: Iovela 可以用手把玩嗎?
可以,除了鍵盤滑鼠之外也支援手把。
遊戲有哪些模式?
10 回合的劇情戰役、New Game+,以及無止盡的生存模式。
SANCTUARY: Iovela 用的是什麼引擎?
它結合了 Phaser 4 網頁遊戲框架與 Three.js 3D 函式庫。




