遊戲官網產生器

遊戲官網產生器——替遊戲做一個滾動敘事官網

替遊戲做一個官網,一句話就夠——三個章節,各有自己的插畫和標題,鏡頭在它們之間移動。

《澀谷,雨後》第三章的小巷:野薔薇舉著鎚子,身後是咒靈的巨大影子,畫面上壓著章節標題。《片桐高中,放學後》第三章的天台:堀和宮村靠在鐵絲網邊,腳下是城鎮的燈,標題壓在下三分之一。《Aegis Global,午夜之後》第三章的停機坪:披風人物站在畫好的 H 上,背後是亮著的大樓頂冠,標題壓在左下。《璃月,入夜》的目錄段落:三個地點各配一句說明,下面是一張寫著「港口的燈一直亮著」的結尾卡,只有一個按鈕。
✦遊戲官網
替這個遊戲做一個官網:一個釣魚小遊戲:碼頭、燈塔、清晨的海面
《璃月,入夜》第一章第九碼頭:鍾離站在欄杆邊,下面是掛滿燈籠的港口水面。原神
第 1 章 · 第九碼頭 — 鍾離站在欄杆邊,標題下的正文點出他的名字。
《璃月,入夜》第二章燈籠街:胡桃舉著烤串笑,身後是攤位熱氣和成排燈籠。原神
第 2 章 · 燈籠街 — 胡桃、一串烤串,還有一句把時間交代清楚的正文。
《璃月,入夜》第三章觀鶴階:鍾離和熒背對鏡頭站在高處,月亮掛在水面上空。原神
第 3 章 · 觀鶴階 — 兩個人、一輪月亮,整段步道的最後一章。
《澀谷,雨後》第一章十字路口:虎杖和野薔薇撐著傘走進人群,霓虹在雨裡發亮。咒術迴戰
第 1 章 · 十字路口 — 虎杖和野薔薇走進路口,傘上全是雨。
《澀谷,雨後》第二章地下通道:五條從車站通道裡走出來,虎杖跟在後面,粉色磁磚上映著霓虹。咒術迴戰
第 2 章 · 地下通道 — 五條繞遠路穿過車站,霓虹一路跟著他。
《片桐高中,放學後》第一章校門:堀在路燈下等,宮村站在校門口,櫻花開在黃昏裡。堀與宮村
第 1 章 · 校門 — 六點的片桐高中:堀在路燈下等,宮村在門口。
《片桐高中,放學後》第二章教室:堀坐在課桌上,夕陽落在窗邊,宮村站在門口。堀與宮村
第 2 章 · 三樓教室 — 教室裡最後一點陽光,誰都沒提時間。
《Aegis Global,午夜之後》第一章廣場:披風人物站在亮著頂冠的大樓前,廣場水面倒映著燈。原創世界觀
第 1 章 · 廣場 — 網站名字就來自這棟樓,廣場上只站著一個人。
《Aegis Global,午夜之後》第二章九十九層:披風男人和套裝女人走過玻璃走廊,窗外是整座城市。原創世界觀
第 2 章 · 九十九層 — 一個不走門的披風男人。
01 / 05

Liyue, After Dark

原神 · 沿港口三個章節,鍾離守在欄杆邊。

Liyue, After Dark在新分頁開啟

這個產生器到底做了什麼

你給它一個遊戲和三個地點。Studio 寫章節文案,用同一種畫風生成三張場景,再把這些裝進一頁可以滾動的網站:有進度導覽,也有結尾卡。這一頁是放在你世界裡的純 HTML,所以可以 fork 一份改文案,也可以把某一章的畫換成你自己的截圖。

  • 是章節,不是區塊 — 每個地點都有編號、小標籤、一句標題,再配兩句點出「誰在這裡」的文案。
  • 滾動帶動畫面 — 往下滑時畫面推進、停穩,文案跟著淡入。沒有自動播放,也不用點任何東西。
  • 一個能發出去的連結 — 你會拿到公開網址和一份可 fork 的頁面。放進商店頁、媒體資料包,或下一篇開發日誌。

動手之前常問的幾件事

遊戲官網產生器是什麼?

它不給你模板,而是圍著你的遊戲把網站寫出來。你說清遊戲和其中三個地點,拿回來的就是一頁有章節、有場景插畫、有文案的官網。

需要引擎、CMS 或自己租伺服器嗎?

都不需要。頁面在你的世界裡生成並發布,直接在瀏覽器裡跑。沒有外掛,沒有主題資料夾,也沒有建置步驟。

一開始做幾章合適?

三章。讀起來像一段旅程,頁面也輕。之後想加第四個地點,進度導覽會自動帶上它。

可以用自己的截圖或主視覺嗎?

可以。把生成的場景換成你手上的圖就行,排版不在意圖從哪來。已經上線的遊戲通常都走這條路。

這網站就是一段影片嗎?

不是。場景是圖片,文案是頁面上的真文字——標題能選取、能被搜尋,改字也不用重新算圖。

做完了還能改文案嗎?

能。fork 一份頁面直接改詞。章節標籤、標題、正文都是普通 HTML。

用別人的遊戲做可以嗎?

上面這些例子就是同人性質,自己做著玩沒問題。如果要商用,請換成你自己的美術和名字。

手機上能看嗎?

能。場景鋪滿螢幕,滾動照樣驅動它;文案壓在下緣,不會被拇指擋住。

說出遊戲名,拿到官網。

三個地點、三張場景、一頁能直接發出去的網站。可以先從下面這個蒙德之夜開始,也可以寫你自己的遊戲。

×