iT邦幫忙

2

想請教網頁版RPG遊戲的製作方式 ?

  • 分享至 

  • xImage

如題,小弟最近和朋友討論到這個話題,因為自己本身工作專案都偏購物應用類的,沒接觸過遊戲開發,爬了一下文,發現網頁遊戲(國外有的說browser game)製作方式五花八門....

不知道有沒有大大剛好是在開發網頁類遊戲的呢?想知道是否有像C#的Unity有個引擎(JS的話應該說框架)專門用來開發遊戲的?

看國外文章或YouTube的影片,很多都是什麼"Let's build a xxx game use JavaScript",類似這種,不過這種Let's build a xxx use xxx這種標題在之前學框架時看的經驗都是完全複製出某個網站只是用比較基礎或是複雜的(或是炫技的方式!?)去做。

想知道在不使用html5 canvas的狀態下(或是少量使用),且有美術支持靜動態圖的前提下,要做出像是天堂或是金庸(很老的遊戲,年輕的大神可能不知道XD),或是GB時代的神奇寶貝這種遊戲,大致上流程和使用技術(或框架?)有哪些呢?(有看過網頁遊戲做到超誇張像是魔獸世界的...)

和朋友的構想是之前看過日本一個H Game平台,上面全都是網頁遊戲,先不說香不香的問題,那種對話或是回合制戰鬥RPG其實都做得很精緻,甚至比steam上的一些糞Game好多了,如此才聯想到原來網頁遊戲可以這麼強大!

看更多先前的討論...收起先前的討論...
three.js
jojoman iT邦新手 5 級 ‧ 2022-02-07 01:33:47 檢舉
感謝! 查了一下覺得蠻厲害!Sample都好強!
froce iT邦大師 1 級 ‧ 2022-02-07 09:08:20 檢舉
我記得unity可以轉成webgl
https://faliangstudio.com/unity-webgl-github/
fillano iT邦超人 1 級 ‧ 2022-02-07 12:05:02 檢舉
我是覺得canvas逃不掉的...
jojoman iT邦新手 5 級 ‧ 2022-02-09 20:35:07 檢舉
哇! 可能我自己潛意識排斥這種用code畫圖的方式,爬過canvas的文覺得自己搞可能直接Unity比較快,只是朋友不會寫Code他想說用網頁的順便學習web app XD
可以研究看看laya Air
不過是中國的
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
3
Darwin Watterson
iT邦好手 1 級 ‧ 2022-02-06 09:44:47

可以試試看Construct這套!
以前有玩過Construct 2的版本,模組很多,底層是JS。
不過開發方式類似app inventor。
Introducing Construct 3 ( TOP Down RPG Tutorial )

jojoman iT邦新手 5 級 ‧ 2022-02-07 01:31:21 檢舉

看起來不錯耶! 這個剛好推薦給不太會寫code的朋友

2
海綿寶寶
iT邦大神 1 級 ‧ 2022-02-06 10:03:42
jojoman iT邦新手 5 級 ‧ 2022-02-07 01:31:47 檢舉

感謝大大,HTML5 game這個裡面資源超多!

3

早期的網頁遊戲。大多數都是利用了 flash 製作而成。品質在一般遊樂器上有些也還算有不錯的表現。

而在 flash 爆出了安全性問題後。現在的網頁遊戲大多還是已經偏向於 HTML5 的寫法為主。
但一般要完全靠人力來組合編輯。這有點太強人所難。

目前來說,大多數都是主推使用Unity。雖然Unity可以做出很多非常好的效果。
可惜它在輸出H5上的表現還是有點差。

正常來說,一般網頁遊戲。大多還是靠很大量的Html5 canvas的。你想找不利用它的話。
只能靠外掛元件處理。
早期曾經看過一種。好像是用OPENGL做外掛處理。(需要先安裝)
那時本來想要利用這樣的技術開發。
但其一發現上手並不太容易, 支援的工具不多。(現在我就不清楚多不多了,那是10多年前的事了)
其二是客戶的接受度不高。因為第一次使用的人。還得要求安裝啥的。
我們還得寫一篇教學說明文件。但也因為這樣也流失了不少客人。
最後還是回來H5的應用處理。

看更多先前的回應...收起先前的回應...
jojoman iT邦新手 5 級 ‧ 2022-02-07 01:32:56 檢舉

原來是這樣,感謝大大解說,話說以前真的超多網頁遊戲都要安裝Flash才能用....

你去找找一套「遊戲製做大師」。它有支援輸出H5網頁。
不過他只能做成單機遊戲就是了。

jojoman iT邦新手 5 級 ‧ 2022-02-09 20:27:57 檢舉

有的,之前跟朋友討論有想到遊戲製作大師,不過想到要付費而且只是業餘嘗試,想說先用網頁試試。

steam好像可以下載免費版。只是沒給你素材。
素材網路上找一堆就是了。
只是沒預設參數要自已一個一個建。

我之前是會找人家做好的遊戲,找未封包的下載回來研究。

jojoman iT邦新手 5 級 ‧ 2022-02-23 23:36:58 檢舉

原來還有這招XD 感謝大大指點!

2
21312sdasdas
iT邦新手 5 級 ‧ 2022-02-07 04:41:25

好奇借樓問,以盈利來說,是不是寧願把HTML5包成手機APP,然後拿去賣,
也比寫個網頁遊戲好XD

正常來說用H5的技術來說,比較少是為了處理成APP。
因為這樣算是有點本末倒置的做法。
H5的好處,就是用瀏覽器就可以打開使用。不需要額外安裝有的沒有的東西。

1
bill0704
iT邦新手 5 級 ‧ 2022-02-07 08:59:18

若只是開發2D遊戲跟RPG
真心推廣Phaser和pixi,超級好用
只要你懂canvas,甚麼都可以幹的出來

但必須說網頁遊戲真的式微化了
學習資源跟套件遠遠比不上C#的unity
寫小遊戲還行
如要復刻天堂或金庸
有很多功能你要有自幹的打算

bill0704 iT邦新手 5 級 ‧ 2022-02-07 09:14:26 檢舉

我是寫興趣的(非寫程式相關行業),最近有在嘗試搞vue跟canvas整合的RPG。主要是用vuex同步腳色的裝備跟屬性,vue處理跟控制跟操作介面,canvas負責視圖,就跟MVC一樣,或許符合你想要的,期待你的遊戲

jojoman iT邦新手 5 級 ‧ 2022-02-09 20:30:57 檢舉

感謝大大分享,本身工作有寫React框架,最近剛好要學Vue,感覺可以玩一下,Phaser有找到介紹,蠻強大的!

我要發表回答

立即登入回答