跳到主要内容

36 - 8-bit冒险

待润色

Pixelblog - 36 - 8-bit Adventure — SLYNYRD

引言

很久以前,衡量你最爱的游戏机性能时,比特数是衡量一切的标准。大多数人并不了解它的运作原理,我们只知道比特数越多越好,于是兴高采烈地从8位电脑过渡到更先进的高速处理时代。然而,我很快意识到,如果没有优秀的画面,强大的比特数并不能带来更好的游戏体验。事实证明,最美的表达形式往往是有限的,那就是像素艺术。此外,随着计算机处理技术的不断进步,“8位”这个词在现代讨论中仍然具有意义。在今天的语境中,“8位”通常指的是低分辨率的像素艺术和芯片音乐,它们捕捉到了8位时代的审美。那个时代由NES主导和定义。秉承着这种现代的理解,我将呈现一个受NES技术限制启发但又不完全受限的俯视视角世界。以下内容涵盖角色、动画和环境设计,将为你打造一场精彩的8位冒险之旅!

img

本专题中使用的所有颜色均源自我的原创调色板“光明未来”。

玩家角色

冒险之旅自然要从英雄开始,或者至少从其中一位英雄开始。

img

为了保持整体的复古风格,我采用了 16x16 像素的通用尺寸,并将每个角色的调色板限制为 3 种颜色(外加轮廓线)。我选择这个尺寸是为了与当时游戏中常见的 16x16 像素图块构成的场景完美契合。我参考了一些游戏,包括《塞尔达传说》和《宝可梦》,但最终幻想 1 对我的设计影响最大。如果你喜欢这种像素风格,我强烈建议你研究一下最终幻想 1 的像素图。

在动画方面,我尽可能地减少了帧数,以捕捉复古感,同时保持动画的有效性和流畅性。令人惊讶的是,大多数动作只需要两帧就能完成,而且如果姿势摆放得当,效果会非常棒。

帧的播放时间和攻击之间的延迟取决于你希望游戏流程如何流畅。在这个例子中,攻击、后续动作和过冲帧的播放时间为 0.08 秒,待机帧有 0.32 秒的延迟,之后才能再次攻击。

待机和行走/奔跑动画都使用相同的 2 帧,但时长不同。虽然原地踏步的待机动画看起来有点傻,但它以一种不分散注意力的方式为静止的角色增添了活力,而且这种设计的简洁性确实非常巧妙。

敌人精灵

想要获得丰厚的经验值,就得先消灭一些坏蛋!

img

史莱姆

自从初代《勇者斗恶龙》以来,史莱姆就成了众多角色扮演游戏和冒险游戏中常见的元素。然而,我觉得史莱姆敌人的流行并非源于玩家对黏糊糊的生物的喜爱,而是因为它们本身就非常简单。任何人都能画出一个黏糊糊的东西,而且画出来的东西肯定很可爱。从俯视角度来看,你只需要让史莱姆朝下,它就能朝各个方向移动!为了让你的史莱姆设计更有趣,并发挥其更大的潜力,不妨尝试不同的颜色和行为。给同一个角色换个颜色,就能用很少的资源创造出更多不同的敌人。

沙滚

像史莱姆这样熟悉的生物设计是一个不错的起点,但你应该更专注于与主题相契合的原创设计。例如,我设计了沙滚。设计生物时,我首先考虑的是它是否适合环境,在这个例子中,环境是沙滩。此外,只需看看大自然的奇观,就能从中汲取生物设计的灵感。怪物设计往往是将现实生物夸张化并融合,创造出全新的奇幻生命。以沙滚为例,它的解剖结构灵感来源于沙蟹,而球状动作则来自球鼠妇。颜色主要是为了美观,与沙滩背景形成鲜明对比,但阳光下呈现出的粉红色也恰到好处。下次去海滩时,小心沙滚!

特效

至于特效,一点点就能产生巨大的效果。在我的例子中,当敌人受到伤害时,会短暂地闪现两个命中帧。首先,我创建了敌人受伤的姿势,包括瞪大的眼睛、挥舞的四肢等等。然后,我通过调整通道混合器和色彩平衡设置(Photoshop)将颜色转换为红色调。之后,我制作了一个反色版本。通过闪现这两个帧,可以确保良好的辨识度,并强烈地营造出痛苦的氛围。

X形攻击帧出现在碰撞点上方,中间留有空白帧以产生闪光效果,表明攻击成功。

3帧圆形爆炸效果我称之为汽化效果,可用于表现敌人被摧毁的过程。只需在汽化效果播放的同时,将敌人瞬间消灭即可。为了更有效地覆盖敌人,可以分散放置爆炸效果,并重复播放以获得更长、更大的爆炸范围。

大型两帧爆炸旨在对过于靠近的玩家造成伤害。以高速交替播放帧以达到所需的效果持续时间。虽然简单,但只要动画在屏幕上停留时间不要过长,就能有效发挥作用。

海滨环境

碧绿的草地和柔软的沙滩,四周环绕着平静的蓝色海水……还有什么地方比这里更适合轻松采摘饲料呢?

img

我设计这个场景时,把它当作游戏的第一关或起始区域。通常,游戏都会以一个友好的环境开场,敌人也比较被动。这样可以营造一种轻松的氛围,让玩家在探索更危险的区域之前先熟悉游戏。我非常欣赏这种设计理念,并且再次强调主题的重要性。将敌人和游戏机制与环境融合起来,让每个区域都独具特色,让每个新敌人的出现都令人印象深刻。

此外,我从8位机版本的《塞尔达传说》、《宝可梦》和《最终幻想》中汲取灵感,用于部分图块设计。关于如何制作精美的俯视视角图块,请参考Pixelblog 20了解基础知识。

最后总结

如今,科技让我们能够使用无数种颜色,制作巨大的精灵图,并添加任意数量的动画帧。虽然我欣赏手工技艺的精湛,以及计算机技术进步带来的视觉盛宴,但老式图形的魅力却与日俱增。所以,何必把事情搞复杂呢?说真的,我真的很想把这款游戏做出来。也许有一天……或者,你可以帮我做,哈哈!加入我的Patreon,下载所有素材供你使用!

img