像素辞典

关于作者
这篇文章的作者是 Pedro Medeiros (@saint11),他创作了一系列非常棒的像素美术教程。内容涵盖了像素画的基础、配色、动画技巧,以及一些更进阶的技术,比如渲染技巧和游戏开发实用工具。他的作品和教程在游戏开发社区广受好评。
Pedro Medeiros 因为其为游戏《Celeste》创作的卓越像素美术而知名。他的教程不仅讲解绘画技巧,也分享了许多实用的工作流程和开发经验,非常值得学习。你可以在他的社交媒体上找到更多资源。

视差滚动


视差滚动是游戏开发中常见的技术,通过让不同层次的背景以不同速度移动,来营造深度感和立体感。对于2D游戏来说,这是增强视觉体验的一个好办法。
这里提供了一个可运行的示例,包含一个 .love 文件和一个 .lua 源文件。你可以通过 LÖVE 框架来运行它。
- parallax.love:https://www.patreon.com/file?h=7863658&i=795078
- main.lua:https://www.patreon.com/file?h=7863658&i=795082
如果你对 LÖVE 框架不熟悉,这可能会有点挑战。但一旦掌握,就能快速实现很多有趣的效果。建议你下载并运行这些文件,亲自体验一下。
渲染技巧


这一部分介绍了一些像素美术和游戏开发中实用的渲染技巧。
虽然看起来可能有些偏向技术,但这些技巧能帮助你实现更丰富的视觉效果。希望这些内容能帮助你理解一些常见的渲染问题,比如色彩混合、图层叠加和特殊效果。
这里同样提供了示例文件:
- render_tricks.love:https://www.patreon.com/file?h=7947098&i=809238
- main.lua:https://www.patreon.com/file?h=7947098&i=809239
代码中演示了一个处理游戏循环中“取模”运算的方法,这在处理循环动画或索引时非常有用。
例如,当你需要在一个序列中循环时,可以使用 currentIndex % maxCount 来获取当前应该显示的帧或元素。
缓动函数 (Easing)


缓动函数是实现平滑动画的关键。它们能控制动画在开始和结束时的速度,让运动看起来更自然,而不是机械地匀速移动。
这个示例展示了如何使用缓动函数来控制一个方块的运动。你可以看到它如何优雅地加速、减速或产生弹性效果。这个实现使用了 LÖVE 框架和 Albano 的 Glide 库 (https://bitbucket.org/jacobalbano/glide)。
(注:这里显示的白色方块,就是用来演示不同缓动函数效果的)
- Easing.love:https://www.patreon.com/file?h=8030922&i=825976
- main.lua:https://www.patreon.com/file?h=8030922&i=825977
如果你还没有接触过 LÖVE,建议先了解一下它的基础。这些示例是学习游戏动画的绝佳材料。
像素场景


这部分展示了一些完整的像素场景创作过程。与之前讲解单个元素不同,这里更侧重于如何组合不同的元素(如树木、建筑、角色)来构建一个完整的、有氛围的画面。
(图注:9张图展示了从线稿到上色再到细节刻画的完整流程)
这些教程一步步地演示了如何构建一个丰富的像素场景,包括构图、光影和色彩的统一。即使你对场景设计不太熟悉,跟着步骤也能学到很多。
(此处为多张过程图)






感谢阅读本期教程!
动态效果


最后,这部分展示了一些高级的动态效果,比如水的流动、火焰的燃烧或天气系统。这些效果能为你的作品增添生机。
实现这些效果时,关键在于观察和拆解。比如水的动画,可以分解为波形运动、高光移动和颜色渐变。不要害怕复杂,从简单的形状开始,逐步叠加细节。
作者提到,他接下来要去温哥华参加 GDC (Game Developers Conference) 游戏开发者大会。希望他在那里能收获更多灵感。
目前这个系列教程已经更新到第6篇了,他计划制作总共24篇。再次感谢所有支持者和赞助者的鼓励!