下载 App

开发情报 | No.2 360环景演绎的唯美视觉

修改于2024/05/28183 浏览研发日志
亲爱的画家们好呀~
上期开发者日志公布后阿橘发现不少画家对咱们的其他开发情报也很感兴趣!
今天阿橘火速倒腾整理了一下,咱们第二期开发日志也火热出炉啦!
不过开头先卖个小关子,《倾听画语》游戏内有一个设计与解谜全程息息相关不知道大家有没有注意到呢?
没错!就是咱们的360°全景设计啦!通过拖拽与移动视角,画家们可以在轻松发现谜题的同时也能欣赏全手绘景色~全景的设计最大程度的减少了场景的切换与割裂感,将整个游戏流程丝滑地串联了起来
那今天就一起来看看,在2D中的360°全景是怎样诞生的吧~/ᐠ。ꞈ。ᐟ✿\
TapTap
TapTap
1、「为什么选择以2D 呈现360 度全景?」
首先关于选择「2D」,就要追溯到我们一开始的点子来源了。
我们参考了一些经典的解谜游戏,像是《极限脱出》或《弹丸论破》,它们的主要玩法是在一个主要画面的场景上,寻找解谜线索。
其次就是结合“全景”,由于在单纯的2D 解谜游戏中,难以做到如同3D 游戏中往身体侧边或转头到背后的这类动作,除非特地为了侧身、背后等独立制作对应的场景。
但是如果通过全景的技术,我们可以让玩家在一个房间中,透过360 度旋转视角进行探索,也可以更生动地从环境中营造角色或者氛围,例如:她是一个什么样的人?她的生活是如何度过的?她的成长经历如何?
TapTap
开发素材,不代表游戏最终品质
其实我们也可以回想下在日常生活中,我们什么时候会做出“环顾四周”的动作呢?
举个栗子,当发现地上有水,你可能就会让视线循着水的方向,找出漏水的源头;又或是当被蚊子叮了,你会开始往四周找寻蚊子的踪迹等,这类「搜寻特定目标」或者是「检查周围风险」的动作,其实都可以被作为关卡设计时采用的手段~
当然啦,上述的这两点同样也能在2D画面中实现,但是效果应该不会像使用全景技术这么好。在单纯的2D 画面中,这些操作往往被切分成数个场景,玩家要点击无数的场景移动按钮后,观看枯燥反复的移动动画,就没办法直接抵达自己有兴趣的地方了。
有了360全景的概念后,我们也在思考如何在这个基础上增强游玩时的沉浸感与探索感,接下来,就要讨论针对画面呈现的一些心得收获啦~
2、场景的制作与辨识度的处理
我们选择保留2D 手绘的风格,并应用PS的模拟环景技术,这样就能达成我们前述想要结合2D与全景的目标,在重现经典的2D 解谜的同时,也能保有3D 的探索感。
在手绘场景中,玩家会处于整个场景的中心,并由此去探索自己感兴趣的物件,场景里面也包含了我们希望大家去观察的物件,所以如何确保大家能发现这些物件就很重要啦,在我们经过几轮的测试后,大致将提示物件的方式归类为以下3个准则:
▪用较鲜艳的颜色呈现房间中画架
TapTap
开发素材,不代表游戏最终品质
▪使用动画常见的赛璐璐风格表现咖啡机
TapTap
开发素材,不代表游戏最终品质
▪利用场景的打光
TapTap
开发素材,不代表游戏最终品质
基本上都是照着这些准则去构成画面,当然,主要还是要建立在整个画面协调跟好看的前提上,因此实际制作时还是花了不少时间反复修改和测试,希望大家除了解谜过程外,也能够沉浸在唯美的场景之中~
3、解谜画面与动画背景的平衡与连贯性
对于解谜场景跟动画背景,我们也非常追求细致与平衡。为了让背景的规格尽可能符合各种显示器尺寸,与大家实际上能看到的画面相比,我们使用更大的规格去制作适配,因此针对这类型的画面调整,有时也会花上较多时间。
TapTap
TapTap
在16:9与4:3画面下,会出现较大的观感落差
相比之下,动画就没有这方面问题了,需要留意的反倒是各个关联场景之间,如何让色调和情绪的传达连贯。
例如,从环景场景(房间的窗前)转场至动画中的场景,如何让下雨的氛围延续,并让色调互相配合就十分重要:
TapTap
TapTap
TapTap
开发中游戏动画
最最后,就是如何以剧情呈现加深说服力与带入感啦!以我们很欣赏的动画界翘楚「吉卜力工作室」为例,其阐述追求爱情时的画面叙事方式,便是我们希望可以达到的境界~
在游戏的实际体验中,除了透过剧情本身的桥段编排之外,也能透过画面场景的设计巧思,带领大家走入故事深处、体验角色的心境!
TapTap
以上就是360°全景设计的全部内容啦~也期待以上设计能为画家们在游戏中带来良好的体验!
下一期阿橘将奉上新的开发幕后,敬请期待~
TapTap
【游戏预约】
【关注我们】
小红书:倾听画语
玩家Q群:765460212
DLC过关步骤及隐藏成就截图
DLC过关步骤及隐藏成就
Tips:每一章节,为新的一天开始,DLC全成就的话不能漏步骤,要不然得从头再来,不能选 第一步:日常三部曲:①喂猫,②浇花,③画画 上色 浇花 第二步:开门,信封,开启箱子 第三步:写回信,没头绪,画猫速写,再次写信 第一天结束。 第二天: 第一步:日常三部曲;喂猫,浇花,画画 第二步:整理物品开箱子,获得红色颜料,完成上色 第三步:开门获取灵感,获得黄色颜料,涂满黄色 第四步:写回信 第二天结
50 赞
4 回复
已开奖 |「六色创想绘画挑战」开启!参与赢充电宝、游戏手柄!截图
已开奖 |「六色创想绘画挑战」开启!参与赢充电宝、游戏手柄!
亲爱的画家们: 在《倾听画语》的故事里,一幅幅画作凝结了男女主人公的点滴 在找回遗落颜料的同时,也逐渐拼凑、完整见证两人从相遇到相知的过往 红色是雨雾中闯入眼帘的一抹炽热 黄色是夏日麦田里跃动的暖风 而紫色是记忆中独属于你的标记 ....... 如果将颜料交予你,又会有怎样不同的演绎呢? 即刻起参与“六色创想”挑战活动,即有机会赢取游戏手柄、充电宝等精美好礼! ➤ 活动时间 2025年7月1日
官方
19 赞
18 回复
[安利] 把吉卜力动画装进游戏里,会是什么样子?截图
[安利] 把吉卜力动画装进游戏里,会是什么样子?
《倾听画语》的Steam版是2021年的夏天上线的,我就是在那个盛夏玩到它的。 那个夏季我在另一家游戏公司工作,和五六个同事有气无力地耷拉在北京的办公室里边,抱怨夏日炎炎和空调不利。放出强烈光芒的太阳简直是一团大火球,日光透过落地窗照射进来,好像使空气中的气流扭曲了,我们被烘烤得垂头丧气。早晨我们穿着最清爽的服装,可不到中午就失去了身上的干燥和清爽,傍晚下班前每个人都变得黏糊糊的,像是刚从盐水池里
精华
24 赞
2 回复
03:17
治愈解密,剧情艺术,无声的画语也能传达出很多情感截图
治愈解密,剧情艺术,无声的画语也能传达出很多情感
#发现好游戏 #宝藏游戏安利派对 #游戏推荐 #倾听画语
10 赞
4 回复
01:02
吉卜力美術視覺:《傾聽畫語》找寻遗失的色彩,拼凑出美好时光。截图
吉卜力美術視覺:《傾聽畫語》找寻遗失的色彩,拼凑出美好时光。
#宝藏游戏安利派对
1 赞
03:24
【小众佳作】第3期:Steam移植!带你坐上情绪的过山车,体会真正的第九艺术!#暑假人集结#截图
【小众佳作】第3期:Steam移植!带你坐上情绪的过山车,体会真正的第九艺术!#暑假人集结#
怎会有这结局,给我一场空欢喜。
419 赞
24 回复
已开奖 |《倾听画语》半价特促来袭!参与活动赢周边好礼~截图
已开奖 |《倾听画语》半价特促来袭!参与活动赢周边好礼~
亲爱的画家们: 天气渐凉,秋味已浓~ 正适合在一个舒适的午后,来遇见一个温暖的故事。 《倾听画语》金秋限时半价特惠现已开启! 9元即可完整入手游戏本体+DLC+典藏艺术集+成就系统+正版手游专属通关纪念内容! 希望能在这惬意秋日里,陪伴画家们度过一段治愈时光~ ➤折扣信息 ♦ 折扣价 :9元 (原价18元) ♦ 特惠时间:2025年9月25日16:00 ~ 11月3日16:00 ♦ 特惠平台:iO
官方
89 赞
92 回复
01:03
治愈➕解谜➕感人剧情 重拾美好回忆截图
治愈➕解谜➕感人剧情 重拾美好回忆
#游戏冒险家大集结 #倾听画语
4 赞
1 回复
画语趣闻 | 细雨与阳光下的风景截图
画语趣闻 | 细雨与阳光下的风景
在人生中,总有一些景色让人难以忘怀~ 它们如同时间的印记,永远镌刻在我们的记忆中。   你是否也有那么一处景色,每当想起,心中便涌起无限感慨。 也许是在细雨蒙蒙中悠然漫步,感受着雨丝轻拂脸庞的温柔.... 又或许是在雨后初晴时,沐浴在温暖的阳光下,感受那份清新与宁静....   这样的场景,是否在你的心中激起了涟漪? 也相信各位画家们都想起了《倾听画语》里的这两幅画面吧: ——细雨中遗失的思念
官方
21 赞
3 回复
已开奖 |《倾听画语》半价折扣开启!参与活动赢周边好礼~截图
已开奖 |《倾听画语》半价折扣开启!参与活动赢周边好礼~
亲爱的画家们: 瑞雪覆檐,新春踏暖而来 暂别料峭寒意,让故事里的缱绻,化作岁时里的温存 陪伴每位画家,共度团圆岁时,织就温馨缱绻的好梦 《倾听画语》新春特惠限时开启! 9元即可完整入手游戏本体+DLC+典藏艺术集+正版手游专属通关纪念内容! 以画为笺,以暖为约,《倾听画语》陪你共赴这场新春之约。 ➤折扣信息 ♦ 折扣价 :9元 (原价18元) ♦ 特惠时间:2026年2月2日11:00~2月28日
官方
72 赞
83 回复