【风农翻译】像素宝典 #5

这是来自佩德罗・梅代鲁斯（Pedro Medeiros，@saint11）授权的一系列像素美术教程，由风农翻译整理。

佩德罗・梅代鲁斯最为知名的作品莫过于《塞莱斯特山（蔚蓝，Celeste）》，不过他持续在网络上发布的像素美术教程也同样相当知名。这里选择的教程就是经过风农翻译整理内容。

视差是游戏和编程里我很喜欢的技术。非常好实现，是 2D 游戏里表现深度的好办法。

我还附带了一个 .love 的例子，包括一个 .lua 的源代码文件，你可以看看。

要运行 .love 文件，需要先下载 Löve：https://love2d.org/

parallax.love：链接

main.lua：链接

风农：这一期跟后面有几期他都用到了这个叫 love 的引擎，我完全没用过，所以大家就领会领会精神就好了，如果感兴趣也可以去研究一下。

这一期是关于编程/美术的教程。

稍微有点偏向编程，但是对于想了解我常用的，简单的渲染技巧的同学会有点用。

希望这能帮助大家写自己的渲染代码。调整渲染能做到很多事情：精灵拖尾痕迹，故障效果，动态模糊等等。

附带了一个 .love 的例子，包括一个 .lua 的源代码文件，你可以看看。

render_tricks.love：链接

main.lua：链接

闪烁那个，原理是这样的：

一般游戏引擎里都获取时间的办法。

用这个时间数字，比如 3 秒，除以 4, 能得到商是 0，模/余数是 3。

大概是这么个意思吧。

这节是编程和美术通用的。改变移动物体的速度能给动画增加个性，冲击力，让它更有趣。

对编程来说，使用补间动画时，别忘了加上缓冲函数。我特意给大家制作了一个简单的缓冲函数小抄，用的 Löve framework，（基于 Albano 的 glide  https://bitbucket.org/jacobalbano/glide）。

风农：tween 在编程里一般指补间动画，意思是给两个位置，之间的运动由程序计算完成，所以说别忘了加上缓冲函数。有很多的库做这个。

一定注意看那几个代表位置的白块，那个东西就能解释他说的理念。

Easing.love：链接

main.lua：链接

后面应该就没有这个什么 love 引擎的了。

风农：这节图特别多，不过后面的静态图也都是动图里面的，只是拿出来，让大家慢慢看。

动图后面 9 幅图都是定时特别长的，不是你手机卡住了。

今天的教程稍有不同。因为要说的是流程，我决定用更传统的序列的形式。

带着定时阅读文字比较有压力，所以这个帖子我加了静态帧。

感谢大家的支持，下节见。

这个教程是关于废墟或者是损毁的东西。更多的是一些参考和窍门。我的主要建议是不要做的太过。加太多的裂痕，或者太多的对比，会显得所有东西都很乱。

图中提到的故障效果教程在之前的课程中可以找到