灯塔实验室

提高分辨率

我已经思考了好一阵了，就是怎么把这个像素风格的游戏画面提升到现代，甚至视网膜屏幕级别的分辨率。虽然我本人是很喜欢这种画风啦，但是我不觉得大多数人会这么想。所以最近我开始搞一点相关的东西。

 

近邻你好

游戏的原生分辨率为570*320，然后我把这个用近邻缩放的方法扩大到了2倍。（译注：原文说的是nearest neighbor scaling，术语指的是Nearest-neighbor interpolation。这是一种现代游戏并不常用的采样方式，它的效果是这样的：如果原来最基本的像素大小是1的话，放大到2倍，现在最基本的像素大小就是2。这种方式可以保留像素画原有的锯齿边缘并让其显得更锐利。）

看起来不错哦。和预计的一样，像素风。

 

矢量化

我原先的计划是用Illustrator提供的LiveTrace来手动矢量化所有的图像素材，保存成SVG文件，然后根据分辨率的需要把它们导出成相应的栅格图（位图）。Helsing’s Fire里的人脸就是这么处理的，而且效果很好。对于Papers，Please来说，这个任务可能比听起来要繁重得多，主要是因为我得把像素字体转换成TTF文件。这就要求在字体方面做出很大的调整，而且把我一开始的界面布局全都搞乱了。我把所有图像都矢量化后得到了这么一个玩艺：

唔，跟我一开始想的真TM差远了啊。文件现在的可读性降低了，而且感觉起来各种细节没有平均分配。其中一些问题可能用个更宽的字体可以改善，但是现在我看到字体已经有点想吐了。目前在入境许可里也搞不出Arstotzka专用字体，TTF里根本没有类似的东西。

 

专用工具

Ok，再试一次。高端像素缩放技术。现代，在模拟器的情境下会用到很多高端像素缩放技术：例如EPX，SuperEagle，Super2XSa等等。我分别对它们做了些研究，然后得知了他们的老祖宗是hqx。之后我发现了这篇非常碉堡的文章。讲述了像素转化到矢量的算法，可惜它上面不提供源代码。不过我还是有点收获，因为有个页面上提供了很多算法的结果比较所以你可以很方便就知道不同算法间的不同。从这个页面上看，hqx很不错。

所以我满怀希望地搞了点hgx的代码根据cocos2d上的这个帖子把代码编译成OSX的。一些技巧似乎能很好地处理抖动过的区域，不过hqx显然不属于这一类（译注：cocos2d的帖子链接似乎失效了。关于抖动dithering的具体内容可参见“一起来画像素画吧2”，或者“手把手教你画像素2”）。所以就先抱着试一试的态度，我把原图里的抖动区域全部变成纯色区域，然后运行hqx。

不坏。细节看起来比上面那个统一得多。文字看起来有一丁丁奇怪，不过我可以手动修复这个问题。它本身不是像素构成的，但却看起来很有像素风格。寡人很喜欢。

 

“抖动”何从

我又回去对比了一下hqx和近邻缩放。我依然觉得一开始的看起来比较好，特别是在我看到没有使用抖动的版本后。

看起来还是有点一块一块的感觉，不过没有明显的低分辨率的抖动。

 

没有结论

我现在还是下不定主意。不过我可能会主要运用hqx，再手动调整点东西，还有些在2倍，3倍或者4倍大小预先烘焙好的素材。（译注：bake，烘焙，计算机图形学和图像处理的术语。大致意思是指预先让电脑计算好一些东西，以增加之后的处理效率。例如你在渲染一个很大的场景时，可能电脑要直接算很久很久，但是你可以预先bake好一些场景内的素材。后面要用的时候可以直接拿来用，最后的用时会缩短。这里是指用hqx算法预处理图像。）

 

Quote from: MegaScience on March 16, 2013, 06:51:50 AM

游戏会有个设定菜单吗？我希望有能够直接控制全屏显示的选项，而不是点窗口上的那个按钮。还有我希望能够手动调节音量，音乐是不错，但是太响了。我假定你以后也会加入难度和裸露的选项。

答：对我会加进去的。目前你可以用Alt+ Enter（Windows）或者Option+ Return（OSX）来控制全屏显示。

 

Quote from: Core Xii on March 16, 2013, 12:38:03 PM

Bug（？）：在每天结束的时候，即使没有选择框你仍然可以打开或者关闭“房租”选项。就点在数额上就可以了。（有时候可能点上去会不管用，尽量点红色部分。）还有提交自己名字好像也不管用。我不能编辑“你的名字，填这里”还有性别。（译注：这里说的应该是作者收集网友姓名，之后用作游戏里的路人名字上。）

答：哈，这解释了为什么有人跟我说房租其实是“非强制的”。我希望把这个做成强制的项目。已经找到了bug所在而且搞定了，谢谢啦。如果你要提交你的名字的话，你要先输入你的email地址，然后点击发到你邮箱的激活链接。你不能直接编辑。也许我该把这段说明放到图片上，以免日后更多人摸不着头脑。

 

护照

前一阵子有人提到（实际上是建议），说不同国家的护照看起来都差不多。作为制作beta版素材的一个环节，我在不同的护照类型里加了不同的细节。

护照设计还是很基本的，但是我希望现在大家分辨起不同国家的护照更加容易些。小心Kolechia的矛，它们可是很锋利的哟。

 

Quote from: Panurge on March 17, 2013, 08:05:04 AM

我个人印象比较深的一个场景是在第二天。有个行色匆匆的男人跟我说他赶时间，所以我格外仔细地检查了他的文件。我当时想，你丫给我在这里等着！这就是所谓的沉迷吗！

答：我喜欢这种遭遇。因为即使那个人是个傻缺，但是文件都准备妥当了，所以你只得让他过去。我想这应该是连真的移民检查官都会咬牙切齿的时候吧。给这些人的护照上盖章的时候我心里一直很不爽。

 

译注：

1. The original post was from tigsource, and was translated to Chinese by J_Lu from Beacon Labs.
2.  欢迎转载，转载即意味着你同意了授权条款。商业机构转载须要事先得到作者授权，并且提供给作者转载的链接以供作者检查是否符合条款。