下载手机 APP

【开发日志03】《我记得》｜老照片和大拇指

修改于前天 19:5123 浏览

上一篇，人跑起来了。

这一篇，给游戏做一扇门，再把它放进手机里。

TapTap

打开游戏，先看到的不是菜单，是序章那间养老院的房间。它是实时画出来的，不是一张图：窗外有麻雀叫，音乐是燕子的主题。按任意键，菜单才浮上来。

horizontal line

horizontal line

宣纸、墨、朱砂。

刷漆的横幅、纸条页签、深色面板、底栏的按键提示。

TapTap

选中一项，身后刷出一笔宣纸白，字变成墨色，笔头那儿“啪”地盖一枚燕子印，就是片名上那一枚。屏幕标题是一条朱砂红纸条，设置页的页签是一条撕边的宣纸，焦点那一行垫一笔橙色。设置改了立刻生效，自动保存。

TapTap

老照片。

章节选择、继续游戏、暂停菜单里的画面，都装在一张老照片里：米白的相纸边，有纸纹，微微歪着，有的贴一条半透明胶带。换一章，旧照片淡掉，新的从一个微微转着的角度落下来。

TapTap

进度点的照片不是画的，是从游戏里拍的。让自动玩家从每一个进度点开始玩，隔几秒拍一张，我们再一张一张挑。

读盘的时候，转的是纸燕子。

一只纸燕子，迎着风打转、扇翅膀，后面拖一截风筝线。

序章入梦那一下，读盘画面是白的：序章的白直接接上第一章的白，燕子和线换成墨色。

切场景总要卡几秒。我们让画面先收成一片纯色，燕子停稳，等新场景画出第一帧，再一起揭开。卡顿还在，只是落在一片纯色上，看不出来。

一章结束。

黑场上浮起这一章的画面，压得很暗。一张米色纸条滑上来，写着章名和这一章玩了多久，右边“啪”地盖一方红印：完。

horizontal line

horizontal line

然后是手机。

一套界面，好几种屏幕。

界面都是按 16:9 画的。手机比这个宽，20:9、19.5:9 都有，还有刘海、圆角和底下那条手势条。平板又比这个方。

我的做法是：背景照样铺满整块屏幕；按钮和字放进一个 16:9 的框里，让开刘海和手势条，居中摆好，放不下就整体缩小一点。电脑上，这个框就是整个画面，什么都不变。

TapTap

字要大，能点的地方要够大。

手机上，界面整体放大一号。底栏的按键提示变成一块块能点的纸片；只对电脑有用的设置，比如改键，在手机上不显示。标题画面写的也不是“按任意键”，是“轻触屏幕开始”。

TapTap

章节里，右上角多一个圆的暂停键。安卓的返回键也能暂停。

TapTap

屏幕按键。

左手：手指按在哪儿，摇杆就出现在哪儿。右手：在屏幕上滑，转镜头；右下角一簇按键。按键是一团墨、一笔圈，按下去变成一片宣纸。

每一章的按键不一样。胡同里是跳、互动、叫刚子、弹弓；到了雪夜，换成开枪、瞄准、压弹、蹲、卧倒。

TapTap

有几处要单独想。

弹弓：电脑上是按住右键瞄、左键打。手机上，按住“弹弓”拉开，同一根手指拖着瞄，松手就打；轻点一下，直接打。

瞄准：右手只有一个拇指，没法一边按住瞄准，一边点开枪。所以瞄准改成点一下端起来，再点一下放下。

快跑：雪夜里，电脑上按 Shift 跑。手机上没有这个键，摇杆推到头就是跑。

提示也要改口。

电脑上写“按 F 互动”，手机上没有 F。游戏里的提示会自己换说法：WASD 换成摇杆，按键名换成屏幕按键的名字，有的整句换掉。摇杆用过一次，就不再提示“移动”。

TapTap

还是让机器人先试。

电脑上没有触屏。我们往游戏里“注入”手指：按下、拖动、松开，看弹弓拉开没有、打出去没有。每次改了界面，就用几种屏幕比例各截一遍，一张一张看。

horizontal line

horizontal line

现在的进度：

标题、菜单、设置、读盘、暂停、章末，电脑和手机用的是同一套。做好的几章，屏幕按键都接上了。真机上的手感，还要一根手指一根手指地试。

这次的主题是「涌现」。

整套界面，其实只有几样东西：一笔刷漆、一张老照片、一枚燕子印、一只纸燕子。菜单、页签、按钮、读盘、章末，都是它们换着组合出来的。

下一篇见。

#聚光灯gamejam开发者日志

聚光灯游戏创作挑战

9.1

我记得测试

昨天首发