---
tags: CGI-Game, CGI遊戲
name: CGI遊戲再造計畫
robots: noindex, nofollow
---
# CGI遊戲再造計畫
> TL;DR
> 我想自己做個網頁遊戲，有人想一起搞嗎 XD？
# 文件授權
本文作者: ねる（音瑠）
本文連結: https://hackmd.io/@chihaya2525/rebuild-cgi-game-project
版權聲明: 本著作係採用[創用 CC 姓名標示-非商業性-相同方式分享 4.0 國際](http://creativecommons.org/licenses/by-nc-sa/4.0/) 授權條款授權。
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="創用 CC 授權條款" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a>

# 緣起
非常非常久以前承蒙朋友邀約，有幸參與MST(MS Tactics)遊玩，也是我第一個玩的CGI遊戲，其簡單遊玩風格令我印象深刻。當時技術能力不足，僅能架設，無法進行任何改動，時隔多日也工作一段時間，想把當時遊玩的印象具體化，也是對於遊戲製作想法的實現，當然或許會有疑問，現在這個時代還去翻CGI遊戲出來是不是有什麼問題，這純粹是依開始的方向選定，或許實際進行下去可能也不完全只是CGI遊戲的概念了。詳細計畫內容會在後面進行階段的章節說明。

# CGI遊戲是什麼
CGI遊戲是以網頁瀏覽器即可進行游玩的遊戲，不需要安裝其他軟體，CGI則是通用閘道器介面(Common Gateway Interface)，是一種標準介面，使用者可以透過瀏覽器傳送資料，與伺服器端程式進行互動，早期多以Perl語言進行開發，但實際上不受程式語言限制，例如使用Python也可進行CGI的實作。而因其運作機制，每個傳入的連線會使用一個行程(Process)進行處理，故會消耗伺服器大量資源，後改用PHP進行開發較多。進行遊戲需花費大量時間，俗稱很農，且如具有PVP機制的遊戲，往往在一瞬間定勝負，玩家需要聚精會神守在螢幕前面，以防止其他玩家偷襲，或許也可以說這就是CGI遊戲的魅力所在。就管理上而言與其他遊戲類似，必須針對外掛程式與多重帳號等異常行為進行防護，當然，沉迷也是會發生於此遊戲上，故營運方如何防止玩家沉迷也是另外一個議題。近年來較為少見可說是已經絕跡，但類似的遊戲機制，仍在手機遊戲中可看見一些影子。

# 進行階段
計畫進行會選擇遊戲背景題材，並且進行架設與遊玩，之後進行Web再造，如前述階段皆已完成，則會進行App化，進行階段條列如下所示：
1. 題材選擇
2. 架設/中文化/遊玩
3. Web再造
4. APP化

# 題材選擇
暫不考慮原創題材，先以現成還可以取得原始碼的遊戲為來源，目前觀察遊戲類型，大致可區分為以下幾種：
1. 練功打怪型
2. 經營航海型
3. 國戰型
## 打怪練功型
主要以打怪練功為主，有購買裝備、PVP或者國戰等要素，代表作品為以下：
### FFA
FFA(FF ADVENTURE)以Final Fantasy(太空戰士/最終幻想)為背景設定，可以打怪練功與玩家PVP以外，配合改造亦有陸行鳥大賽等。MST則是以FFA為基礎，但故事背景改為超級機器人大戰，主打機器人對戰與收集機體等玩法。本家與其他衍生作品如下：
1. FFA(FF ADVENTURE)、FFA Emiliar いく改、FFA いく改
2. MS Tactics(MST)

如果要架設的話，MST主要是避免版權爭議，而原版FFA則是遊玩度太低，除了基本打怪就只有PVP，幾乎沒什麼可玩性，至於有陸行鳥大賽的，目前沒有拿到可以玩的原始碼。

### 薔薇戰爭
以薔薇戰爭(The wars of roses)進行修改，包含本家薔薇戰爭與其他衍生作品，除練功打寶以外，亦包含國戰，目前台灣看起來還有幾家([badgameshow](https://badgameshow.com/)、[catding](https://catding.tw/hero/)、[戰國異境](https://bsm.oldtu.com/fh2/))在進行營運。相關作品如下：
1. 薔薇戰爭/The wars of roses/rose0
2. Farland History Ⅱ：以[古大陸物語](https://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%83%BC%E3%83%A9%E3%83%B3%E3%83%89%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA)為故事背景？
3. 無限冒險：由Zeeman將Farland History Ⅱ中文化並且修改後的版本

玩法以Farland History Ⅱ為例，基本玩法除了打怪練等換裝備以外，還有職業、職業熟練度、技能、奧義…等等，如果單純PVE是打怪、打寶、鍊金、換裝備。PVP要素部分，除鬥技場、天下第一武鬥會以外，主要就是國戰方面，世界地圖很小，就只有6\*6格子大小，除了出生地村莊不能佔領以外，都可以佔領，村莊可以在玩家建國被占領，每個村莊有開發度，例如：武器開發度、防具開發度、飾品開發度、產業值。開發度則關係到商店販售的物品，開發度越低就越少商品甚至沒有商品販售，開發度提升方法就是被占領後，可以用金錢投資開發度，其他就是一些國戰相關設定了，例如村莊可以提升兵力、堡壘強度，然後所屬國的玩家可以駐守。再來就可以攻城掠地方面，村莊可以在玩家建國後開始發動侵略，可以去侵略無主村莊或者打別的國家的。

遊戲版本方面，原版薔薇戰爭要素較少，建議可以直接使用無限冒險的版本，比起原版Farland History Ⅱ，內含自動戰鬥等便民措施，BUG也有預先被修正，雖然具體來說無法得知到底修正哪些BUG，而如果自己架設的話，因為上述PVP要素的關係，如果只有自己一個人玩是玩不起來的，建議多找一點人，可能有10個人比較可行。而再製方面，catding已經有針對無限冒險進行重製版本的製作，看起來是使用Vue做為前端框架，後端使用Token Based API，玩起來可說是已經非常接近無限冒險了。

### WOG
由[水色論壇](https://www.et99.net/)ETERNAL研發，是使用PHP程式語言撰寫。
1. Online FF Battle - WOG

### Vagoo系列
系列包含Vagoo、Gyagoo、Zyagoo，網路上一些資料敘述為，雖然畫面簡單但據說功能豐富，實際架設後發現畫面過於陽春且年代久遠，故沒有進行更多的研究。目前原始碼僅剩下Gyagoo還可以取得，其餘網站大約都在2009年以前就已經消滅，現存遊戲站台有台中人2000、nilhk。

### 結論
如果以FFA的話可玩要素較少，而MST則是有授權議題，應會從薔薇戰爭系列中來選擇，當然，WOG或許也是一個方向。
## 經營航海型
### 商人物語
1. 商人物語
2. Cyber_Player商人物語_海商繁體中文版
3. SOLD OUT: 商人物語的原形，作者仍在開發[SOLD OUT 2](https://mutoys.com/en/so2)

商人物語顧名思義就是從商的故事，基本玩法是向商店購買、探險等方法取得商品或素材，素材經由製作變成商品，之後於商店販售，會定期決算計算排名，莊園系統則有定期繳稅、山賊進攻等，可雇傭兵進攻或者防守。現存站台目前應是「這不是xxx」系列較為完整，玩法較多樣，其餘較偏向原版，有的甚至有些明顯的BUG。而也有玩家wsybu參考其玩法製作的[美食街物語](https://fs.web-games.net/)。

### 網路航海時代
1. 網路航海時代(ネット航海時代)

### 結論
SOLD OUT的程式碼比較古老，功能較陽春，程式碼閱讀性也比較差，建議可以直接從商人物語著手，但由於商人物語以SOLD OUT為基礎開發的，故有些改造等功能，應可修改過轉移至商人物語上。商人物語3為Flash版本，考量到程式碼可再利用議題，應是用1的CGI版本為基礎，Cyber_Player翻譯版本有點舊，是04-02-28，跟最新的05-03-30差了滿遠的，故如要使用商人物語，可能會使用商人物語原版再自行翻譯。

## 國戰型
### 三國志NET

## 運動競賽型
### BasketPulse
### 俺のペナント２
### 劇空間ぱわふるリーグ2

# 架設/中文化/遊玩
會先進行架設並且遊玩，如選擇的題材需要中文化的會先進行中文化，也可以考慮用較新的架構改寫，例如使用[Mojolicious](https://www.mojolicious.org)框架來取代CGI。

# Web再造
由於受限於技術力有限，僅能先使用網頁製作，將會使用比較接近目前可取得的技術來進行實現。預計會有後端API伺服器、前端網頁。後端伺服器將使用Python、Java、C#、Go、PHP或其他目前還有熱度的程式語言進行實作，預計為Token-based Authentication的RESTful API。前端網頁如果有時間則會考慮使用React、Vue等網頁前端框架進行實作，如技術力或其他考量，則會使用HTML5、JQuery、Boostrap等進行實作。

# App化
如果有幸可以完成前面階段，則會將遊戲進行重新開發、App化以及上架等，變成實際的「遊戲APP」。

# Q&A
## Q: 為什麼不直接做遊戲App？
A: 因為我不會做啊。

# 參考資料
* [CGI遊戲 - Komica wiki](https://wiki.komica.org/CGI%E9%81%8A%E6%88%B2)
* [網頁遊戲領航員](https://sites.google.com/site/cgiphpwebgame/)
* [水色論壇-WOG](https://www.et99.net/)

## 遊戲網站

### Farland History Ⅱ
* [無限冒險 | RPG多人線上遊戲-BadGameShow.com](https://badgameshow.com/) (中文)
* [無限冒險](https://catding.tw/hero/) (中文)
* [Farland History Ⅱ 傳說‧無限](http://vitamin21oz.ddns.net/fh/) (中文)
* [Everlasting Eternalia-Farland History Ⅱ-](http://eonia.sakura.ne.jp/ee/) (日文)

### 商人物語
#### 海商版(World-Atlas)
* [阿原的商人測試](http://vitamin21oz.ddns.net/soldout/soldoutc/)
* [秋楓之戀 (Cyber Player 1.6)](http://vitamin21oz.ddns.net/akinokoi/watlas/)
#### 聖戰版(Crusade)
* [商人物語 MIRACLE (日文)](http://twinpiece.sakura.ne.jp/akimono/starcity/index.cgi)
#### 原創版
* [這不是冒險街](http://akserv.org/traders/adv/adv/index.cgi)
* [這不是美食街--新版](http://akserv.org/traders/uron/index.cgi)
#### 重製版
* [美食街物語 (wsybu@ptt)](https://fs.web-games.net/)

### Vagoo系列
* [Gyagoo (台中人2000)](https://gyagoo.oldtu.com/)
* [Zyagoo (nilhk)](http://nilhk.cstudy.com/zyagoo/)