游戏官网生成器

游戏官网生成器——给游戏做一个滚动叙事官网

给游戏做一个官网,一句话就够——三个章节,各有自己的插画和标题,镜头在它们之间移动。

《涩谷,雨后》第三章的小巷:野蔷薇举着锤子,身后是咒灵的巨大影子,画面上压着章节标题。《片桐高中,放学后》第三章的天台:堀和宫村靠在铁丝网边,脚下是城镇的灯,标题压在下三分之一。《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。

用别人的游戏做可以吗?

上面这些例子就是同人性质,自己做着玩没问题。如果要商用,请换成你自己的美术和名字。

手机上能看吗?

能。场景铺满屏幕,滚动照样驱动它;文案压在下缘,不会被拇指挡住。

说出游戏名,拿到官网。

三个地点、三张场景、一页能直接发出去的网站。可以先从下面这个蒙德之夜开始,也可以写你自己的游戏。

×