Skip to main content
00:00
00:00

RPG Dialogue

Turns a choice or a method into a classic role-playing game: a pixel scene above, a deep-blue dialogue box typing letter by letter below, a choice menu whose cursor lingers on the tempting option before jumping to the right one, the problem as a monster beaten step by step, and a gold "Got" box popping open. Good for dilemmas, habits, study methods and step-by-step problem solving.

Use this style
Good for
Developer tips
Footage
Tags
Format
16:9 1920×10809:16 1080×192030fps

What to provide

Give the topic, the choice to make (two or three options) or the steps to take, and what is won at the end; optionally names for the characters and a sky (dusk, night, day, dawn). Everything is drawn in code as pixel art, so no photos are needed; numbers on screen come only from what you provide.

What you can change

sky
天色:dusk 黄昏(默认,靛蓝到玫瑰色、有星星)、night 夜里(月亮)、day 白天(云和太阳)、dawn 清晨(紫到桃色)
ground
地面:grass 草地(默认)、sand 沙地、snow 雪地、stone 石地
foe
代表难题的像素怪物:blob、bat、ghost、golem、bug 五种原创怪物,或段内自画的像素图;可带血条
people
角色外观:hero、villager、green、purple、elder、mage、knight,或自定衣服、头发、围巾、帽子;名字由内容决定,都是虚构人物

Limitations

  • 支持 16:9 横版与 9:16 竖版、30 fps;同一段工程两种画幅都能画,摆位由段的 scene.js 按画布写
  • 全部画面由代码画成像素画,不使用用户的照片或视频;需要真实照片、产品界面或精确数据图表的内容不适合
  • 画面文字只用像素字体(简体中文与英文),字库缺的字会在启动时报出,要换个说法;对话框横版最多两行、竖版最多四行
  • 对话一律逐字打出,不能整句出现;选项菜单是这个风格的核心,最适合两难选择和分步骤闯关的讲法
  • 画面里的数字、名称只取已确认内容,角色与怪物都是原创,不出现任何已有游戏的角色、怪物、窗口样式、名字或配乐
  • 不自带配乐与音效

More examples

Beat the bug: reproduce, isolate, fix

Beat the bug: reproduce, isolate, fix

A dawn battle: a giant bug blocks the build, the hero strikes on each step of the quest list (reproduce, isolate, fix), the cursor turns from "Patch it" to "Fix the cause", the bug breaks into pixels and a gold "+1 Test" box pops open.

RPG Dialogue · 16:9 · 10.0s